From e604b839655e7c7b34650ca7a780e1fd0ca3d445 Mon Sep 17 00:00:00 2001
From: m1ckyb <m1ckyb@users.noreply.github.com>
Date: Mon, 2 Jun 2025 23:50:10 +1000
Subject: [PATCH] Make header icon & name changeable

---
 components/Header.tsx | 4 ++--
 uptime.config.ts      | 2 ++
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/components/Header.tsx b/components/Header.tsx
index 2e6a149..60a5e89 100644
--- a/components/Header.tsx
+++ b/components/Header.tsx
@@ -24,7 +24,7 @@ export default function Header() {
         <div>
           <a href="https://github.com/lyc8503/UptimeFlare" target="_blank">
             <Text size="xl" span>
-              🕒
+              {pageConfig.header-icon}
             </Text>
             <Text
               size="xl"
@@ -33,7 +33,7 @@ export default function Header() {
               variant="gradient"
               gradient={{ from: 'blue', to: 'cyan', deg: 90 }}
             >
-              UptimeFlare
+              {pageConfig.header}
             </Text>
           </a>
         </div>
diff --git a/uptime.config.ts b/uptime.config.ts
index 65e9356..758636f 100644
--- a/uptime.config.ts
+++ b/uptime.config.ts
@@ -3,6 +3,8 @@ import { MaintenanceConfig, PageConfig, WorkerConfig } from './types/config'
 const pageConfig: PageConfig = {
   // Title for your status page
   title: "lyc8503's Status Page",
+  header-icon: "🕒",
+  header: "UptimeFlare",
   // Links shown at the header of your status page, could set `highlight` to `true`
   links: [
     { link: 'https://github.com/lyc8503', label: 'GitHub' },