From b1f4f412059760d85f531c3d6e2ee626c9002d28 Mon Sep 17 00:00:00 2001
From: real-zephex <zephex-1@outlook.com>
Date: Mon, 18 Mar 2024 14:03:32 +0530
Subject: fixes: change the file extension to .jsx and fixed the video player
 sizes for tablets

---
 src/app/top-airing/page.jsx | 44 ++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 44 insertions(+)
 create mode 100644 src/app/top-airing/page.jsx

(limited to 'src/app/top-airing/page.jsx')

diff --git a/src/app/top-airing/page.jsx b/src/app/top-airing/page.jsx
new file mode 100644
index 0000000..b9d54cd
--- /dev/null
+++ b/src/app/top-airing/page.jsx
@@ -0,0 +1,44 @@
+import "./trending.css";
+import Image from "next/image";
+import Link from "next/link";
+
+export default async function Trending() {
+	const data = await test();
+
+	return (
+		<div className="trendingContainer">
+			<p className="trendingText">Trending</p>
+
+			<div className="trending">
+				{data &&
+					data.results.map((item, index) => (
+						<Link
+							key={index}
+							href={`/info/${item.id}`}
+							style={{ textDecoration: "none" }}
+						>
+							<div className="trendingEntries">
+								<Image
+									src={item.image}
+									className="{trendingImage}"
+									width={160}
+									height={220}
+									alt="Drama"
+									priority
+								/>
+								<p>{item.title}</p>
+							</div>
+						</Link>
+					))}
+			</div>
+		</div>
+	);
+}
+
+async function test() {
+	const res = await fetch(
+		"https://dramalama-api.vercel.app/anime/gogoanime/top-airing"
+	);
+	const data = res.json();
+	return data;
+}
-- 
cgit v1.2.3

