From 4c4f8214637ac8d19e16f71d20542982a5eedad7 Mon Sep 17 00:00:00 2001
From: real-zephex <zephex-1@outlook.com>
Date: Sat, 11 May 2024 01:33:00 +0530
Subject: UI changes, Logic change and complete re-write for anime page

---
 src/app/anime/top-airing/page.jsx            | 52 ------------------
 src/app/anime/top-airing/trending.module.css | 79 ----------------------------
 2 files changed, 131 deletions(-)
 delete mode 100644 src/app/anime/top-airing/page.jsx
 delete mode 100644 src/app/anime/top-airing/trending.module.css

(limited to 'src/app/anime/top-airing')

diff --git a/src/app/anime/top-airing/page.jsx b/src/app/anime/top-airing/page.jsx
deleted file mode 100644
index 0102371..0000000
--- a/src/app/anime/top-airing/page.jsx
+++ /dev/null
@@ -1,52 +0,0 @@
-import styles from "./trending.module.css";
-import Image from "next/image";
-import Link from "next/link";
-import { preFetchAnimeInfo } from "../videoLinkfetcher";
-
-export default async function Trending() {
-	const data = await test();
-	preFetchAnimeInfo(data);
-
-	return (
-		<div className={styles.TrendingContainer}>
-			<div className={styles.TrendingText}>
-				<h1>Trending</h1>
-			</div>
-
-			<div className={styles.trending}>
-				{data &&
-					data.results.map((item, index) => (
-						<Link
-							key={index}
-							href={`/anime/${item.id}`}
-							style={{ textDecoration: "none", color: "white" }}
-						>
-							<div
-								className={styles.trendingEntries}
-								title={item.title}
-							>
-								<Image
-									src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=${item.image}`}
-									className={styles.trendingImage}
-									width={167}
-									height={267}
-									alt="Drama"
-									priority
-								/>
-								<p>{item.title}</p>
-							</div>
-						</Link>
-					))}
-			</div>
-		</div>
-	);
-}
-
-async function test() {
-	const res = await fetch(
-		"https://consumet-jade.vercel.app/anime/gogoanime/top-airing",
-		{ next: { revalidate: 21600 } }
-	);
-	const data = res.json();
-	return data;
-}
diff --git a/src/app/anime/top-airing/trending.module.css b/src/app/anime/top-airing/trending.module.css
deleted file mode 100644
index cd1a672..0000000
--- a/src/app/anime/top-airing/trending.module.css
+++ /dev/null
@@ -1,79 +0,0 @@
-.TrendingText h1 {
-	margin: 0px 0px 0.5rem 0.5rem;
-	text-align: center;
-	color: transparent;
-	background: linear-gradient(90deg,
-			var(--neon-green) 40%,
-			var(--light-green) 60%,
-			var(--neon-yellow) 80%,
-			var(--soft-purple) 100%);
-	background-size: 60% 50%;
-	background-clip: text;
-}
-
-.trending {
-	display: grid;
-	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-	grid-gap: 0.5rem;
-	align-items: center;
-	margin-left: 0.5rem;
-}
-
-.TrendingContainer:hover .trendingEntries {
-	opacity: 0.5;
-}
-
-.TrendingContainer:hover .trendingEntries:hover {
-	opacity: 1;
-	transform: scale(1.02);
-}
-
-.trending::-webkit-scrollbar {
-	height: 0px;
-}
-
-.trendingEntries {
-	transition: transform 400ms ease;
-	background-color: #1f1f1fbb;
-	padding: 0.5rem;
-	border-radius: 0.4rem;
-	transition: opacity 400ms ease, transform 400ms ease;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-}
-
-.trendingEntries p {
-	text-align: center;
-	width: auto;
-	max-width: 160px;
-	margin: 0.5rem 0 0 0;
-	overflow: hidden;
-	white-space: nowrap;
-	text-overflow: ellipsis;
-}
-
-.trendingEntries img {
-	border-radius: 0.4rem;
-	box-shadow: 0 0 10px 5px rgba(18, 18, 18, 0.863);
-}
-
-@media screen and (max-width: 768px) {
-	.TrendingText p {
-		text-align: start;
-		font-size: 26px;
-		margin-bottom: 1rem;
-	}
-
-	.trending {
-		display: flex;
-		overflow-x: auto;
-		overflow-y: hidden;
-		margin-top: -8px;
-	}
-
-	.trendingEntries img {
-		width: auto;
-	}
-}
\ No newline at end of file
-- 
cgit v1.2.3