diff options
| author | real-zephex <[email protected]> | 2024-06-24 00:53:29 +0530 |
|---|---|---|
| committer | real-zephex <[email protected]> | 2024-06-24 00:53:29 +0530 |
| commit | 0630f5a8a30bd1176c08fa17688394ada40ce39f (patch) | |
| tree | a7dd02fb0ba84ba2034260e92079f25296592267 | |
| parent | switched manga downloaded api to render (diff) | |
| download | dramalama-0630f5a8a30bd1176c08fa17688394ada40ce39f.tar.xz dramalama-0630f5a8a30bd1176c08fa17688394ada40ce39f.zip | |
✨ style: minor UI enhancements
| -rw-r--r-- | src/app/components/header/header.jsx | 46 | ||||
| -rw-r--r-- | src/app/web-series/[id]/page.jsx | 2 |
2 files changed, 43 insertions, 5 deletions
diff --git a/src/app/components/header/header.jsx b/src/app/components/header/header.jsx index e6efc7d..6bb362a 100644 --- a/src/app/components/header/header.jsx +++ b/src/app/components/header/header.jsx @@ -1,3 +1,5 @@ +"use client";
+
import Link from "next/link";
import { ThemeSwitcher } from "../themeSwitcher";
import {
@@ -6,10 +8,17 @@ import { NavbarContent,
NavbarItem,
Button,
+ Dropdown,
+ DropdownTrigger,
+ DropdownMenu,
+ DropdownSection,
+ DropdownItem,
} from "@nextui-org/react";
+import { useState } from "react";
-export default async function Header() {
- const sections = ["anime", "kdrama", "manga", "movies", "web-series"];
+export default function Header() {
+ const sections = ["anime", "kdrama", "movies", "web-series", "manga"];
+ const [currentPage, setCurrentPage] = useState("Homepage");
return (
<Navbar isBordered>
@@ -19,10 +28,39 @@ export default async function Header() { </p>
</NavbarBrand>
<NavbarContent className="hidden sm:flex gap-4" justify="center">
+ <Dropdown>
+ <DropdownTrigger>
+ <Button variant="bordered" size="sm">
+ {currentPage}
+ </Button>
+ </DropdownTrigger>
+ <DropdownMenu aria-label="Static Actions">
+ {sections &&
+ sections.slice(0, 4).map((item, index) => (
+ <DropdownItem
+ as={Link}
+ href={`/${item}`}
+ key={index}
+ onClick={() => setCurrentPage(item)}
+ >
+ {item}
+ </DropdownItem>
+ ))}
+ </DropdownMenu>
+ </Dropdown>
{sections &&
- sections.map((item, index) => (
+ sections.slice(-1).map((item, index) => (
<NavbarItem key={index}>
- <Link href={`/${item}`}>{item}</Link>
+ <Button
+ as={Link}
+ href={`/${item}`}
+ size="sm"
+ color="success"
+ variant="faded"
+ onClick={() => setCurrentPage(item)}
+ >
+ {item}
+ </Button>
</NavbarItem>
))}
</NavbarContent>
diff --git a/src/app/web-series/[id]/page.jsx b/src/app/web-series/[id]/page.jsx index c947f5a..28802b3 100644 --- a/src/app/web-series/[id]/page.jsx +++ b/src/app/web-series/[id]/page.jsx @@ -16,7 +16,7 @@ const SeriesInfoPage = async ({ params }) => { <div className="flex items-center"> <Image isBlurred - shadow="md" + shadow="sm" src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=https://image.tmdb.org/t/p/original${data.poster_path}`} width={180} height={300} |