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/info/[id]/page.js  | 49 ----------------------------------------------
 src/app/info/[id]/page.jsx | 49 ++++++++++++++++++++++++++++++++++++++++++++++
 src/app/info/page.js       | 11 -----------
 src/app/info/page.jsx      | 11 +++++++++++
 4 files changed, 60 insertions(+), 60 deletions(-)
 delete mode 100644 src/app/info/[id]/page.js
 create mode 100644 src/app/info/[id]/page.jsx
 delete mode 100644 src/app/info/page.js
 create mode 100644 src/app/info/page.jsx

(limited to 'src/app/info')

diff --git a/src/app/info/[id]/page.js b/src/app/info/[id]/page.js
deleted file mode 100644
index 5048612..0000000
--- a/src/app/info/[id]/page.js
+++ /dev/null
@@ -1,49 +0,0 @@
-import "../info.css";
-import Image from "next/image";
-import Link from "next/link";
-
-export default async function AnimeInfo({ params }) {
-	let animeID = params.id;
-
-	const info = await getAnimeInfo(animeID);
-
-	return (
-		<div className="dramaInfoContainer">
-			<div className="dramaInfo">
-				{info && (
-					<div>
-						<div className="titleContainer">
-							<p>{info.title}</p>
-							<Image
-								src={info.image}
-								width={140}
-								height={190}
-								alt="Drama"
-							/>
-						</div>
-						<p className="dramaDescription">{info.description}</p>
-					</div>
-				)}
-
-				<div className="buttonContainer">
-					{info &&
-						info.episodes.map((item, index) => (
-							<Link href={`/video/${item.id}`} key={index}>
-								<button className="dramaButton">
-									{item.number}
-								</button>
-							</Link>
-						))}
-				</div>
-			</div>
-		</div>
-	);
-}
-
-async function getAnimeInfo(anime_id) {
-	const res = await fetch(
-		"https://anime-sensei-api.vercel.app/anime/gogoanime/info/" + anime_id
-	);
-	const data = res.json();
-	return data;
-}
diff --git a/src/app/info/[id]/page.jsx b/src/app/info/[id]/page.jsx
new file mode 100644
index 0000000..5048612
--- /dev/null
+++ b/src/app/info/[id]/page.jsx
@@ -0,0 +1,49 @@
+import "../info.css";
+import Image from "next/image";
+import Link from "next/link";
+
+export default async function AnimeInfo({ params }) {
+	let animeID = params.id;
+
+	const info = await getAnimeInfo(animeID);
+
+	return (
+		<div className="dramaInfoContainer">
+			<div className="dramaInfo">
+				{info && (
+					<div>
+						<div className="titleContainer">
+							<p>{info.title}</p>
+							<Image
+								src={info.image}
+								width={140}
+								height={190}
+								alt="Drama"
+							/>
+						</div>
+						<p className="dramaDescription">{info.description}</p>
+					</div>
+				)}
+
+				<div className="buttonContainer">
+					{info &&
+						info.episodes.map((item, index) => (
+							<Link href={`/video/${item.id}`} key={index}>
+								<button className="dramaButton">
+									{item.number}
+								</button>
+							</Link>
+						))}
+				</div>
+			</div>
+		</div>
+	);
+}
+
+async function getAnimeInfo(anime_id) {
+	const res = await fetch(
+		"https://anime-sensei-api.vercel.app/anime/gogoanime/info/" + anime_id
+	);
+	const data = res.json();
+	return data;
+}
diff --git a/src/app/info/page.js b/src/app/info/page.js
deleted file mode 100644
index 9004ade..0000000
--- a/src/app/info/page.js
+++ /dev/null
@@ -1,11 +0,0 @@
-import "./info.css";
-
-export default function Info() {
-	return (
-		<div className="infoPageContainer">
-			<p>
-				This is the anime info page. This page will display information about the queried anime when anime id is passed along the url.
-			</p>
-		</div>
-	);
-}
diff --git a/src/app/info/page.jsx b/src/app/info/page.jsx
new file mode 100644
index 0000000..9004ade
--- /dev/null
+++ b/src/app/info/page.jsx
@@ -0,0 +1,11 @@
+import "./info.css";
+
+export default function Info() {
+	return (
+		<div className="infoPageContainer">
+			<p>
+				This is the anime info page. This page will display information about the queried anime when anime id is passed along the url.
+			</p>
+		</div>
+	);
+}
-- 
cgit v1.2.3