From 5f2f23eeb62c390182334394a4306b0eda287ffa Mon Sep 17 00:00:00 2001 From: Factiven Date: Tue, 2 May 2023 14:17:51 +0700 Subject: Update pre - v3.5.4 > UI adjustment on smaller devices --- pages/categories/[id].js | 125 ----------------------------------------------- 1 file changed, 125 deletions(-) delete mode 100644 pages/categories/[id].js (limited to 'pages/categories') diff --git a/pages/categories/[id].js b/pages/categories/[id].js deleted file mode 100644 index 1395a33..0000000 --- a/pages/categories/[id].js +++ /dev/null @@ -1,125 +0,0 @@ -import Head from "next/head"; -import Footer from "../../components/footer"; -import { useRouter } from "next/router"; -import { useEffect, useState } from "react"; -import { useAniList } from "../../lib/useAnilist"; -import Image from "next/image"; - -export default function Categories() { - const router = useRouter(); - const { id } = router.query; - const tags = id?.replace(/-/g, " "); - const { aniAdvanceSearch } = useAniList(); - - const [data, setData] = useState(); - - const [season, setSeason] = useState(""); - const [loading, setLoading] = useState(false); - - useEffect(() => { - setLoading(true); - if (tags === "This Season") { - seasonNow(); - setLoading(false); - } else if (tags === "Popular Anime") { - PopularAnime(); - setLoading(false); - } else if (tags === "Popular Manga") { - PopularManga(); - setLoading(false); - } else { - setData(null); - setLoading(false); - } - }, [id]); - - async function seasonNow() { - const data = await aniAdvanceSearch({ - perPage: 25, - seasonYear: 2023, - season: getCurrentSeason(), - // type: "MANGA", - }); - setData(data); - } - - async function PopularAnime() { - const data = await aniAdvanceSearch({ - perPage: 25, - sort: ["POPULARITY_DESC"], - }); - setData(data); - } - - async function PopularManga() { - const data = await aniAdvanceSearch({ - perPage: 25, - sort: ["POPULARITY_DESC"], - type: "MANGA", - }); - setData(data); - } - - console.log(data); - return ( - <> - - Categories - {tags} - -
-
- {loading ? ( -

Loading...

- ) : ( - data && - data?.media.map((m) => { - return ( -
- image -
- ); - }) - )} -
-
-