aboutsummaryrefslogtreecommitdiff
path: root/src/app/anime/history/continueWatching/page.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/app/anime/history/continueWatching/page.jsx')
-rw-r--r--src/app/anime/history/continueWatching/page.jsx130
1 files changed, 65 insertions, 65 deletions
diff --git a/src/app/anime/history/continueWatching/page.jsx b/src/app/anime/history/continueWatching/page.jsx
index cab834c..d9bc6d1 100644
--- a/src/app/anime/history/continueWatching/page.jsx
+++ b/src/app/anime/history/continueWatching/page.jsx
@@ -1,65 +1,65 @@
-"use client";
-
-import React, { useState, useEffect } from "react";
-import Image from "next/image";
-import styles from "./cw.module.css";
-import Link from "next/link";
-
-const ContinueWatching = () => {
- const [localItems, setLocalItems] = useState(null);
-
- useEffect(() => {
- const newData = get_local();
- setLocalItems(newData);
- }, []); // Empty dependency array means this effect runs only once after the initial render
-
- function get_local() {
- try {
- const data = localStorage.getItem("data");
- return JSON.parse(data);
- } catch (error) {
- console.log("error", error);
- return false;
- }
- }
-
- return (
- <main className={styles.main}>
- <p className={styles.mainText}>Continue Watching</p>
- {localItems && (
- <div className={styles.animeContainer}>
- {localItems.watchHis &&
- localItems.watchHis.map((item, index) => (
- <Link
- href={`/${item.type}/${item.id}`}
- style={{ textDecoration: "none" }}
- key={index}
- >
- <div className={styles.animeEntry}>
- <div className={styles.titleContainer}>
- <h3>{item.name}</h3>
- <p className={styles.EpisodeCount}>
- Episode watching: {item.episode}
- </p>
- <p className={styles.date}>
- Last watched on: {item.date} at{" "}
- {item.time}
- </p>
- </div>
- <Image
- src={item.image}
- width={140}
- height={210}
- alt="Continue anime poster"
- priority
- />
- </div>
- </Link>
- ))}
- </div>
- )}
- </main>
- );
-};
-
-export default ContinueWatching;
+"use client";
+
+import React, { useState, useEffect } from "react";
+import Image from "next/image";
+import styles from "./cw.module.css";
+import Link from "next/link";
+
+const ContinueWatching = () => {
+ const [localItems, setLocalItems] = useState(null);
+
+ useEffect(() => {
+ const newData = get_local();
+ setLocalItems(newData);
+ }, []); // Empty dependency array means this effect runs only once after the initial render
+
+ function get_local() {
+ try {
+ const data = localStorage.getItem("data");
+ return JSON.parse(data);
+ } catch (error) {
+ console.log("error", error);
+ return false;
+ }
+ }
+
+ return (
+ <main className={styles.main}>
+ <p className={styles.mainText}>Continue Watching</p>
+ {localItems && (
+ <div className={styles.animeContainer}>
+ {localItems.watchHis &&
+ localItems.watchHis.map((item, index) => (
+ <Link
+ href={`/${item.type}/${item.id}`}
+ style={{ textDecoration: "none" }}
+ key={index}
+ >
+ <div className={styles.animeEntry}>
+ <div className={styles.titleContainer}>
+ <h3>{item.name}</h3>
+ <p className={styles.EpisodeCount}>
+ Episode watching: {item.episode}
+ </p>
+ <p className={styles.date}>
+ Last watched on: {item.date} at{" "}
+ {item.time}
+ </p>
+ </div>
+ <Image
+ src={item.image}
+ width={140}
+ height={210}
+ alt="Continue anime poster"
+ priority
+ />
+ </div>
+ </Link>
+ ))}
+ </div>
+ )}
+ </main>
+ );
+};
+
+export default ContinueWatching;