From d3f966e62c81b30127d534460028ebda5c5d4842 Mon Sep 17 00:00:00 2001
From: Kentai Radiquum <kentai.waah@gmail.com>
Date: Wed, 20 Nov 2024 20:22:18 +0500
Subject: [PATCH] feat: add faster navigation between Index Category and fix
 films had no category name

---
 app/home/[slug]/page.tsx    |  1 +
 app/pages/IndexCategory.tsx | 11 +++++++++++
 2 files changed, 12 insertions(+)

diff --git a/app/home/[slug]/page.tsx b/app/home/[slug]/page.tsx
index 56c6b40..ded7fd9 100644
--- a/app/home/[slug]/page.tsx
+++ b/app/home/[slug]/page.tsx
@@ -5,6 +5,7 @@ const SectionTitleMapping = {
   finished: "Завершенные релизы",
   ongoing: "В эфире",
   announce: "Анонсированные релизы",
+  films: "Фильмы",
 };
 
 export async function generateMetadata({ params }) {
diff --git a/app/pages/IndexCategory.tsx b/app/pages/IndexCategory.tsx
index 611af41..f79dbf7 100644
--- a/app/pages/IndexCategory.tsx
+++ b/app/pages/IndexCategory.tsx
@@ -6,12 +6,14 @@ import { useScrollPosition } from "#/hooks/useScrollPosition";
 import { useUserStore } from "../store/auth";
 import { _FetchHomePageReleases } from "#/api/utils";
 import { Button } from "flowbite-react";
+import { useRouter } from "next/navigation";
 
 export function IndexCategoryPage(props) {
   const token = useUserStore((state) => state.token);
   const [isLoading, setIsLoading] = useState(true);
   const [content, setContent] = useState(null);
   const [page, setPage] = useState(0);
+  const router = useRouter();
 
   useEffect(() => {
     async function _loadInitialReleases() {
@@ -50,6 +52,15 @@ export function IndexCategoryPage(props) {
 
   return (
     <>
+      <div className="mb-4 overflow-auto">
+        <Button.Group>
+          <Button className="whitespace-nowrap" disabled={props.slug == "last"} color="light" onClick={() => router.push("/home/last")}>{props.SectionTitleMapping["last"]}</Button>
+          <Button className="whitespace-nowrap" disabled={props.slug == "finished"} color="light" onClick={() => router.push("/home/finished")}>{props.SectionTitleMapping["finished"]}</Button>
+          <Button className="whitespace-nowrap" disabled={props.slug == "ongoing"} color="light" onClick={() => router.push("/home/ongoing")}>{props.SectionTitleMapping["ongoing"]}</Button>
+          <Button className="whitespace-nowrap" disabled={props.slug == "announce"} color="light" onClick={() => router.push("/home/announce")}>{props.SectionTitleMapping["announce"]}</Button>
+          <Button className="whitespace-nowrap" disabled={props.slug == "films"} color="light" onClick={() => router.push("/home/films")}>{props.SectionTitleMapping["films"]}</Button>
+        </Button.Group>
+      </div>
       {content && content.length > 0 ? (
         <ReleaseSection
           sectionTitle={props.SectionTitleMapping[props.slug]}