UI changes to improved desktop experience

1 files changed, 9 insertions, 9 deletions

diff --git a/src/app/anime/recent/page.jsx b/src/app/anime/recent/page.jsx
index 55a038f..28dfacb 100644
--- a/src/app/anime/recent/page.jsx
+++ b/src/app/anime/recent/page.jsx
@@ -1,19 +1,19 @@
 import Image from "next/image";

 import Link from "next/link";

-import styles from "./recent.module.css";

+import styles from "../top-airing/trending.module.css";

 import { preFetchAnimeInfo } from "../videoLinkfetcher";

 

-export default async function Releases() {

-	const data = await fetchRecentEpisodes();

+export default async function Recent() {

+	const data = await test();

 	preFetchAnimeInfo(data);

 

 	return (

-		<div className={styles.RecentContainer}>

-			<div className={styles.RecentText}>

+		<div className={styles.TrendingContainer}>

+			<div className={styles.TrendingText}>

 				<p>Recent Releases</p>

 			</div>

 

-			<div className={styles.Recent}>

+			<div className={styles.trending}>

 				{data &&

 					data.results.map((item, index) => (

 						<Link

@@ -22,12 +22,12 @@ export default async function Releases() {
 							style={{ textDecoration: "none", color: "white" }}

 						>

 							<div

-								className={styles.RecentEntries}

+								className={styles.trendingEntries}

 								title={item.title}

 							>

 								<Image

 									src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=${item.image}`}

-									className={styles.RecentImage}

+									className={styles.trendingImage}

 									width={190}

 									height={270}

 									alt="Drama"

@@ -42,7 +42,7 @@ export default async function Releases() {
 	);

 }

 

-async function fetchRecentEpisodes() {

+async function test() {

 	const res = await fetch(

 		"https://consumet-jade.vercel.app/anime/gogoanime/recent-episodes",

 		{ next: { revalidate: 21600 } }