Hannah/Dagemark-Webapp
Watch
1
0
Fork
You've already forked Dagemark-Webapp
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update header to fetch services from backend if possible

Browse source
This commit is contained in:
Hannah dagemark 2026-08-14 22:39:57 +02:00
commit a8158ec3de
3 changed files with 61 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

70
components/layout/Header.tsx
View file

@ -1,15 +1,61 @@
import Hyperlink from "@/components/ui/Hyperlink";
import { getServices } from "@/lib/api/helpers/services";
import { Service } from "@/lib/api/types";
export default function Header() {
const defaultServices: Service[] = [
{
id: null,
title: "Git Repos",
description: null,
priority: 1,
link: "dagemark.se/git",
},
{
id: null,
title: "Nextcloud Drive",
description: null,
priority: 3,
link: "dagemark.se/drive",
},
{
id: null,
title: "Game Servers",
description: null,
priority: 4,
link: "gserver.dagemark.se",
},
{
id: null,
title: "Immich Album",
description: null,
priority: 5,
link: "album.dagemark.se",
},
{
id: null,
title: "Jellyfin Streaming",
description: null,
priority: 2,
link: "streaming.dagemark.se",
},
];
export default async function Header() {
let services = await getServices();
if (services.length < 1) {
services = defaultServices;
}
return (
<header className="w-full h-full bg-slate-500 dark:bg-slate-900 flex items-center justify-between">
<nav className="flex items-center justify-around w-full h-full px-6 py-4">
<Hyperlink name={"Git Repos"} link={"dagemark.se/git"} />
<Hyperlink name={"Nextcloud Drive"} link={"dagemark.se/drive"} />
<Hyperlink name={"Game Servers"} link={"gserver.dagemark.se"} />
<Hyperlink name={"Immich Album"} link={"album.dagemark.se"} />
<Hyperlink name={"Jellyfin Streaming"} link={"streaming.dagemark.se"} />
</nav>
</header>
)
}
<header className="w-full h-full bg-slate-500 dark:bg-slate-900 flex items-center justify-between">
<nav className="flex items-center justify-around w-full h-full px-6 py-4">
{services.map((service) => (
<Hyperlink
key={service.priority}
name={service.title}
link={service.link}
/>
))}
</nav>
</header>
);
}