aboutsummaryrefslogtreecommitdiff
path: root/src/app/info
diff options
context:
space:
mode:
Diffstat (limited to 'src/app/info')
-rw-r--r--src/app/info/[id]/page.js26
-rw-r--r--src/app/info/buttons.js9
-rw-r--r--src/app/info/page.js8
3 files changed, 20 insertions, 23 deletions
diff --git a/src/app/info/[id]/page.js b/src/app/info/[id]/page.js
index 9d37819..e49443f 100644
--- a/src/app/info/[id]/page.js
+++ b/src/app/info/[id]/page.js
@@ -1,8 +1,8 @@
-import "../info.css"
+import "../info.css";
import Image from "next/image";
import CreateButton from "../buttons";
-export default async function AnimeInfo({params}) {
+export default async function AnimeInfo({ params }) {
let animeID = params.id;
const info = await getAnimeInfo(animeID);
@@ -14,32 +14,32 @@ export default async function AnimeInfo({params}) {
<div>
<div className="titleContainer">
<p>{info.title}</p>
- <Image
+ <Image
src={info.image}
width={140}
height={190}
alt="Drama"
/>
</div>
- <p className="dramaDescription">
- {info.description}
- </p>
+ <p className="dramaDescription">{info.description}</p>
</div>
)}
<div className="buttonContainer">
- {info && info.episodes.map((item, index) => (
- <CreateButton key={index} a={item} />
- ))}
+ {info &&
+ info.episodes.map((item, index) => (
+ <CreateButton key={index} a={item} />
+ ))}
</div>
-
</div>
</div>
- )
+ );
}
async function getAnimeInfo(anime_id) {
- const res = await fetch("https://anime-sensei-api.vercel.app/anime/gogoanime/info/" + anime_id);
+ const res = await fetch(
+ "https://anime-sensei-api.vercel.app/anime/gogoanime/info/" + anime_id
+ );
const data = res.json();
return data;
-} \ No newline at end of file
+}
diff --git a/src/app/info/buttons.js b/src/app/info/buttons.js
index 8f041a8..6244a2e 100644
--- a/src/app/info/buttons.js
+++ b/src/app/info/buttons.js
@@ -1,13 +1,10 @@
-"use client"
+"use client";
import Link from "next/link";
export default function CreateButton({ a }) {
-
return (
<Link href={`/video/${a.id}`}>
- <button className="dramaButton">
- {a.number}
- </button>
+ <button className="dramaButton">{a.number}</button>
</Link>
);
-} \ No newline at end of file
+}
diff --git a/src/app/info/page.js b/src/app/info/page.js
index 1468652..9004ade 100644
--- a/src/app/info/page.js
+++ b/src/app/info/page.js
@@ -1,11 +1,11 @@
-import './info.css'
+import "./info.css";
export default function Info() {
return (
- <div className='infoPageContainer'>
+ <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>
- )
-} \ No newline at end of file
+ );
+}