feat: option to change logo, update docs pic

components/Header.tsx

@@ -28,7 +28,13 @@ export default function Header({ style }: { style?: React.CSSProperties }) {
             href={location.pathname == '/' ? 'https://github.com/lyc8503/UptimeFlare' : '/'}
             target={location.pathname == '/' ? '_blank' : undefined}
           >
-            <Image src="/logo.svg" h={56} w={{ base: 140, sm: 190 }} fit="contain" alt="logo" />
+            <Image
+              src={pageConfig.logo ?? '/logo.svg'}
+              h={56}
+              w={{ base: 140, sm: 190 }}
+              fit="contain"
+              alt="logo"
+            />
           </a>
         </div>
 

types/config.ts

@@ -5,6 +5,7 @@ export type PageConfig = {
   links?: PageConfigLink[]
   group?: PageConfigGroup
   favicon?: string
+  logo?: string
   maintenances?: {
     upcomingColor?: string
   }

uptime.config.full.ts

@@ -17,7 +17,9 @@ const pageConfig: PageConfig = {
     '🔐 Private': ['test_tcp_monitor'],
   },
   // [OPTIONAL] Set the path to your favicon, default to '/favicon.png' if not specified
-  favicon: 'https://example.com/favicon.ico',
+  // favicon: 'https://example.com/favicon.ico',
+  // [OPTIONAL] Set the path to your logo, default to '/logo.svg' if not specified
+  // logo: 'https://example.com/logo.svg',
   // [OPTIONAL] Maintenance related settings
   maintenances: {
     // [OPTIONAL] The color of upcoming maintenance alerts, default to 'gray'