From d6780cf3dad729c69a102ba2940188cf1e6bcbf4 Mon Sep 17 00:00:00 2001 From: zephex Date: Sat, 20 Apr 2024 13:34:53 +0530 Subject: idk whats happening --- .../manga/history/continueWatching/cw.module.css | 148 ++++++++++----------- src/app/manga/history/continueWatching/page.jsx | 140 +++++++++---------- 2 files changed, 144 insertions(+), 144 deletions(-) (limited to 'src/app/manga/history/continueWatching') diff --git a/src/app/manga/history/continueWatching/cw.module.css b/src/app/manga/history/continueWatching/cw.module.css index 3641e84..645f45a 100644 --- a/src/app/manga/history/continueWatching/cw.module.css +++ b/src/app/manga/history/continueWatching/cw.module.css @@ -1,75 +1,75 @@ -.main { - width: 99%; - margin: 80px auto; -} - -.mainText { - color: var(--light-green); - font-family: "Poppins", serif; - font-size: 24px; -} - -.animeContainer { - font-family: "Poppins", serif; - font-size: 18px; - margin: 0px; -} - -.animeEntry { - display: flex; - align-items: center; - justify-content: space-between; - padding: 5px; - margin-bottom: 0.5rem; - border-radius: 1rem; - background-color: #1f1f1f; -} - -.animeEntry img { - width: auto; - height: auto; - max-height: 40dvh; - border-radius: 0.8rem; -} - -.titleContainer { - color: white; - margin-left: 0.2rem; -} - -.titleContainer h3 { - margin: 0px; -} - -.EpisodeCount { - color: var(--soft-purple); - margin: 0px; -} - -.date { - color: var(--neon-yellow); - margin: 0px; -} - -.redirects { - margin: 5px 0 0 0; -} - -.redirects button { - outline: none; - border: none; - margin-right: 0.4rem; - border-radius: 0.2rem; - padding: 0.2rem; - font-family: "Atkinson Hyperlegible", serif; - background-color: #303030; - color: white; - cursor: pointer; -} - -@media screen and (max-width: 768px) { - .animeContainer { - font-size: 14px; - - } +.main { + width: 99%; + margin: 80px auto; +} + +.mainText { + color: var(--light-green); + font-family: "Poppins", serif; + font-size: 24px; +} + +.animeContainer { + font-family: "Poppins", serif; + font-size: 18px; + margin: 0px; +} + +.animeEntry { + display: flex; + align-items: center; + justify-content: space-between; + padding: 5px; + margin-bottom: 0.5rem; + border-radius: 1rem; + background-color: #1f1f1f; +} + +.animeEntry img { + width: auto; + height: auto; + max-height: 40dvh; + border-radius: 0.8rem; +} + +.titleContainer { + color: white; + margin-left: 0.2rem; +} + +.titleContainer h3 { + margin: 0px; +} + +.EpisodeCount { + color: var(--soft-purple); + margin: 0px; +} + +.date { + color: var(--neon-yellow); + margin: 0px; +} + +.redirects { + margin: 5px 0 0 0; +} + +.redirects button { + outline: none; + border: none; + margin-right: 0.4rem; + border-radius: 0.2rem; + padding: 0.2rem; + font-family: "Atkinson Hyperlegible", serif; + background-color: #303030; + color: white; + cursor: pointer; +} + +@media screen and (max-width: 768px) { + .animeContainer { + font-size: 14px; + + } } \ No newline at end of file diff --git a/src/app/manga/history/continueWatching/page.jsx b/src/app/manga/history/continueWatching/page.jsx index 0d0a02e..92cc27e 100644 --- a/src/app/manga/history/continueWatching/page.jsx +++ b/src/app/manga/history/continueWatching/page.jsx @@ -1,70 +1,70 @@ -"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("mangaData"); - return JSON.parse(data); - } catch (error) { - console.log("error", error); - return false; - } - } - - return ( -
-

Continue Watching

- {localItems && ( -
- {localItems.watchHis && - localItems.watchHis.map((item, index) => ( -
-
-

{item.title}

-

- Currently reading: Volume {item.volume}{" "} - Chapter {item.chapter} -

-
- - - - - - -
-
- Continue anime poster -
- ))} -
- )} -
- ); -}; - -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("mangaData"); + return JSON.parse(data); + } catch (error) { + console.log("error", error); + return false; + } + } + + return ( +
+

Continue Watching

+ {localItems && ( +
+ {localItems.watchHis && + localItems.watchHis.map((item, index) => ( +
+
+

{item.title}

+

+ Currently reading: Volume {item.volume}{" "} + Chapter {item.chapter} +

+
+ + + + + + +
+
+ Continue anime poster +
+ ))} +
+ )} +
+ ); +}; + +export default ContinueWatching; -- cgit v1.2.3