Michal
/
UptimeFlare
mirror of https://github.com/lyc8503/UptimeFlare.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat: add incident history link to links in header

pull/113/head
Bennet Gallein 2025-05-25 11:56:00 +02:00
parent 8a097698be
commit f8337c9ce9
No known key found for this signature in database
GPG Key ID: 54F2DF6954E8C635
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
components/Header.tsx
View File

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