aboutsummaryrefslogtreecommitdiff
path: root/src/app/kdrama/components/popular.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/app/kdrama/components/popular.jsx')
-rw-r--r--src/app/kdrama/components/popular.jsx88
1 files changed, 44 insertions, 44 deletions
diff --git a/src/app/kdrama/components/popular.jsx b/src/app/kdrama/components/popular.jsx
index 4f9a1d2..f652d57 100644
--- a/src/app/kdrama/components/popular.jsx
+++ b/src/app/kdrama/components/popular.jsx
@@ -1,44 +1,44 @@
-import styles from "../styles/popular.module.css";
-import Image from "next/image";
-import Link from "next/link";
-import { PreFetchAnimeInfo } from "./cacher";
-
-export default async function PopularDramas() {
- const popular = await getPopular();
- PreFetchAnimeInfo(popular);
-
- return (
- <div className={styles.Main}>
- <p className={styles.popDramasText}>Trending Dramas</p>
-
- <div className={styles.AnimeContainer}>
- {popular &&
- popular.results.map((item, index) => (
- <Link
- href={`/kdrama/${encodeURIComponent(item.id)}`}
- key={index}
- style={{ textDecoration: "none" }}
- >
- <div className={styles.AnimeEntry}>
- <Image
- src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=${item.image}`}
- width={150}
- height={230}
- alt="Drama Poster"
- />
- <p>{item.title}</p>
- </div>
- </Link>
- ))}
- </div>
- </div>
- );
-}
-
-async function getPopular() {
- const res = await fetch("https://dramacool-scraper.vercel.app/popular", {
- next: { revalidate: 33200 },
- });
- const data = await res.json();
- return data;
-}
+import styles from "../styles/popular.module.css";
+import Image from "next/image";
+import Link from "next/link";
+import { PreFetchAnimeInfo } from "./cacher";
+
+export default async function PopularDramas() {
+ const popular = await getPopular();
+ PreFetchAnimeInfo(popular);
+
+ return (
+ <div className={styles.Main}>
+ <p className={styles.popDramasText}>Trending Dramas</p>
+
+ <div className={styles.AnimeContainer}>
+ {popular &&
+ popular.results.map((item, index) => (
+ <Link
+ href={`/kdrama/${encodeURIComponent(item.id)}`}
+ key={index}
+ style={{ textDecoration: "none" }}
+ >
+ <div className={styles.AnimeEntry}>
+ <Image
+ src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=${item.image}`}
+ width={150}
+ height={230}
+ alt="Drama Poster"
+ />
+ <p>{item.title}</p>
+ </div>
+ </Link>
+ ))}
+ </div>
+ </div>
+ );
+}
+
+async function getPopular() {
+ const res = await fetch("https://dramacool-scraper.vercel.app/popular", {
+ next: { revalidate: 33200 },
+ });
+ const data = await res.json();
+ return data;
+}