From f8337c9ce971b39d01f86cbd726fff11b1a1dea7 Mon Sep 17 00:00:00 2001
From: Bennet Gallein <me@bennetgallein.de>
Date: Sun, 25 May 2025 11:56:00 +0200
Subject: [PATCH] feat: add incident history link to links in header

---
 components/Header.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/components/Header.tsx b/components/Header.tsx
index 2e6a149..63bb801 100644
--- a/components/Header.tsx
+++ b/components/Header.tsx
@@ -4,10 +4,10 @@ import { pageConfig } from '@/uptime.config'
 import { PageConfigLink } from '@/types/config'
 
 export default function Header() {
-  const linkToElement = (link: PageConfigLink) => {
+  const linkToElement = (link: PageConfigLink, i: number) => {
     return (
       <a
-        key={link.label}
+        key={i}
         href={link.link}
         target="_blank"
         className={classes.link}
@@ -18,6 +18,8 @@ export default function Header() {
     )
   }
 
+  const links = [{ label: 'Incident History', link: '/incidents' }, ...(pageConfig.links || [])]
+
   return (
     <header className={classes.header}>
       <Container size="md" className={classes.inner}>
@@ -39,11 +41,11 @@ export default function Header() {
         </div>
 
         <Group gap={5} visibleFrom="sm">
-          {pageConfig.links?.map(linkToElement)}
+          {links?.map(linkToElement)}
         </Group>
 
         <Group gap={5} hiddenFrom="sm">
-          {pageConfig.links?.filter((link) => link.highlight).map(linkToElement)}
+          {links?.filter((link) => link.highlight).map(linkToElement)}
         </Group>
       </Container>
     </header>