diff options
| author | real-zephex <[email protected]> | 2024-06-11 16:29:23 +0000 |
|---|---|---|
| committer | GitHub <[email protected]> | 2024-06-11 16:29:23 +0000 |
| commit | 1f9676ba49d939ec4c67d0fdbb4ff87224decf1c (patch) | |
| tree | 15e27df8913d96bd38ab5e81a05443d7fff4015e /src/app/components/header | |
| parent | fix �: minor fix (diff) | |
| download | dramalama-1f9676ba49d939ec4c67d0fdbb4ff87224decf1c.tar.xz dramalama-1f9676ba49d939ec4c67d0fdbb4ff87224decf1c.zip | |
✨ feat(site): unified loading page and added metadata for each site
Diffstat (limited to 'src/app/components/header')
| -rw-r--r-- | src/app/components/header/header.jsx | 33 |
1 files changed, 8 insertions, 25 deletions
diff --git a/src/app/components/header/header.jsx b/src/app/components/header/header.jsx index 1ea4f13..e6efc7d 100644 --- a/src/app/components/header/header.jsx +++ b/src/app/components/header/header.jsx @@ -9,6 +9,8 @@ import { } from "@nextui-org/react";
export default async function Header() {
+ const sections = ["anime", "kdrama", "manga", "movies", "web-series"];
+
return (
<Navbar isBordered>
<NavbarBrand>
@@ -17,31 +19,12 @@ export default async function Header() { </p>
</NavbarBrand>
<NavbarContent className="hidden sm:flex gap-4" justify="center">
- <NavbarItem>
- <Link href="/anime" className="text-sky-400">
- Anime
- </Link>
- </NavbarItem>
- <NavbarItem>
- <Link href="/kdrama" className="text-green-300">
- K-Dramas
- </Link>
- </NavbarItem>
- <NavbarItem>
- <Link href="/manga" className="text-orange-400">
- Manga
- </Link>
- </NavbarItem>
- <NavbarItem>
- <Link href="/web-series" className="text-violet-300">
- TV shows
- </Link>
- </NavbarItem>
- <NavbarItem>
- <Link href="/movies" className="text-teal-400">
- Movies
- </Link>
- </NavbarItem>
+ {sections &&
+ sections.map((item, index) => (
+ <NavbarItem key={index}>
+ <Link href={`/${item}`}>{item}</Link>
+ </NavbarItem>
+ ))}
</NavbarContent>
<NavbarContent justify="end">
<NavbarItem>
|