✨ feat(ui): 🎨 migrate from vanilla css to tailwind css, adopted next ui and restructured

1 files changed, 0 insertions, 56 deletions

diff --git a/src/app/anime/components/topAiring.jsx b/src/app/anime/components/topAiring.jsx
deleted file mode 100644
index 22e8c3b..0000000
--- a/src/app/anime/components/topAiring.jsx
+++ /dev/null
@@ -1,56 +0,0 @@
-import Link from "next/link";
-import Image from "next/image";
-import { Lexend_Deca } from "next/font/google";
-
-import styles from "../styles/pop_recent_top.module.css";
-import { top_airing } from "../data-fetch/request";
-import { preFetchAnimeInfo } from "./cacher";
-
-const lexend = Lexend_Deca({ subsets: ["latin"], weight: "400" });
-
-const TopAiringAnimes = async () => {
-	const data = await top_airing();
-
-	preFetchAnimeInfo(data);
-
-	return (
-		<main className={styles.Main}>
-			<section>
-				<h2 className={styles.AnimeHeaderText}>Top Airing Animes</h2>
-				<div className={styles.AnimeContainer}>
-					{data &&
-						data.results.map((item, index) => (
-							<Link
-								key={index}
-								href={`/anime/${item.id}`}
-								shallow
-								style={{
-									color: "white",
-									textDecoration: "none",
-								}}
-								className={lexend.className}
-								title={item.title}
-							>
-								<section className={styles.AnimeEntry}>
-									<Image
-										src={item.image}
-										width={180}
-										height={300}
-										alt="Anime Poster Image"
-									/>
-									<p className={styles.AnimeTitle}>
-										{item.title}
-									</p>
-									<p className={styles.AnimeReleasedEpisode}>
-										{item.episodeNumber}
-									</p>
-								</section>
-							</Link>
-						))}
-				</div>
-			</section>
-		</main>
-	);
-};
-
-export default TopAiringAnimes;