small fixes

src/app/anime/[id]/info.module.css

@@ -55,7 +55,6 @@
 
 .buttonContainer button {
 	transition: transform 200ms ease-in-out;
-
 }
 
 .buttonContainer button:focus {
@@ -65,11 +64,11 @@
 	transform: scale(0.9);
 }
 
-.buttonContainer::-webkit-scrollbar{
+.buttonContainer::-webkit-scrollbar {
 	width: 5px;
 }
 
-.buttonContainer::-webkit-scrollbar-thumb{
+.buttonContainer::-webkit-scrollbar-thumb {
 	background-color: var(--soft-purple);
 	border-radius: 1rem;
 }
@@ -92,7 +91,7 @@
 
 .dramaButton:hover {
 	background-color: #1f1f1f;
-	transition: background-color 200ms ease-in
+	transition: background-color 200ms ease-in;
 }
 
 .infoPageContainer p {
@@ -118,7 +117,7 @@
 }
 
 .animeRelease span {
-	color: var(--soft-purple)
+	color: var(--soft-purple);
 }
 
 .videoPopUp {
@@ -137,7 +136,6 @@
 	overflow-y: auto;
 }
 
-
 .closeButton {
 	font-family: "Poppins", serif;
 	font-size: 16px;
@@ -160,7 +158,6 @@
 }
 
 @media screen and (max-width: 768px) {
-
 	.titleContainer p {
 		font-size: 28px;
 	}
@@ -172,4 +169,4 @@
 	.video {
 		width: 100%;
 	}
-}
+}

src/app/anime/[id]/loading.module.css

@@ -11,12 +11,12 @@
 	height: 50px;
 	border-radius: 50%;
 	border: 8px solid;
-	border-color: #F4F4F4 #0000;
+	border-color: #f4f4f4 #0000;
 	animation: s1 1s infinite;
 }
 
 @keyframes s1 {
 	to {
-		transform: rotate(.5turn)
+		transform: rotate(0.5turn);
 	}
-}
+}

src/app/anime/anime.module.css

@@ -1,4 +1,4 @@
 .main {
 	margin: 50px auto;
 	max-width: 98%;
-}
+}

src/app/anime/history/continueWatching/cw.module.css

@@ -58,4 +58,4 @@
 	.animeEntry img {
 		width: 35%;
 	}
-}
+}

src/app/anime/history/continueWatching/page.jsx

@@ -43,7 +43,7 @@ const ContinueWatching = () => {
 										</p>
 										<p className={styles.date}>
 											Last watched on: {item.date} at{" "}
-											{item.time}
+											{item.time} hours
 										</p>
 									</div>
 									<Image

src/app/anime/history/storeData.js

@@ -1,6 +1,7 @@
 "use client";
 
 export function storeLocal(watchData) {
+	const currentDate = new Date();
 	const jsonData = localStorage.getItem("data");
 	const dataObject = jsonData ? JSON.parse(jsonData) : {};
 
@@ -12,7 +13,15 @@ export function storeLocal(watchData) {
 	dataObject.watchHis.forEach((element) => {
 		if (element.name === watchData.name) {
 			let episode = watchData.episode;
+			let date = `${currentDate.getDate()}-${String(
+				currentDate.getMonth() + 1
+			).padStart(2, "0")}`;
+			let time = `${currentDate.getHours()}:${String(
+				currentDate.getMinutes()
+			).padStart(2, "0")}`;
 			element.episode = episode;
+			element.date = date;
+			element.time = time;
 			found = true;
 		}
 	});

src/app/anime/recent/recent.module.css

@@ -44,7 +44,6 @@
 	padding: 0.5rem;
 	border-radius: 0.5rem;
 	transition: opacity 400ms ease, transform 400ms ease;
-
 }
 
 .RecentEntries p {
@@ -70,4 +69,4 @@
 
 .RecentImage {
 	border-radius: 0.5rem;
-}
+}

src/app/anime/search/search.module.css

@@ -79,7 +79,6 @@
 .animeEntry::-webkit-scrollbar-thumb {
 	background-color: rgba(196, 196, 196, 0.692);
 	border-radius: 5px;
-
 }
 
 .anime {
@@ -91,7 +90,6 @@
 	border-radius: 0.5rem;
 	transition: opacity 200ms ease-in, background-color 200ms linear;
 	background-color: #242424d0;
-
 }
 
 .anime p {
@@ -113,4 +111,4 @@
 	.anime p {
 		width: 50dvw;
 	}
-}
+}

src/app/anime/top-airing/trending.module.css

@@ -69,4 +69,4 @@
 
 .trendingImage {
 	border-radius: 0.5rem;
-}
+}

src/app/globals.css

@@ -1,15 +1,14 @@
-@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&family=Lexend+Deca&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
+@import url("https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&family=Lexend+Deca&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
 
 :root {
-	--neon-green: #45FFCA;
-	--neon-yellow: #FEFFAC;
-	--light-green: #DCFFB7;
-	--pastel-red: #FF6868;
-	--soft-purple: #BEADFA;
-	--softer-purple: #D0BFFF;
+	--neon-green: #45ffca;
+	--neon-yellow: #feffac;
+	--light-green: #dcffb7;
+	--pastel-red: #ff6868;
+	--soft-purple: #beadfa;
+	--softer-purple: #d0bfff;
 }
 
-
 body {
 	margin: 0;
 	padding: 0;
@@ -18,4 +17,4 @@ body {
 
 body::-webkit-scrollbar {
 	width: 0;
-}
+}

src/app/globals.module.css

@@ -15,4 +15,4 @@
 	font-family: "Lato";
 	border: 0;
 	outline: 0;
-}
+}

src/app/kdrama/styles/info.module.css

@@ -98,7 +98,7 @@
 
 .EpisodeButtons button:hover {
 	background-color: #1f1f1f;
-	transition: background-color 0.2s linear
+	transition: background-color 0.2s linear;
 }
 
 .VideoContainer {
@@ -135,5 +135,4 @@
 		font-size: 14px;
 		width: 80px;
 	}
-
-}
+}

src/app/kdrama/styles/kdrama.module.css

@@ -1,4 +1,4 @@
 .Main {
 	max-width: 98%;
 	margin: 80px auto;
-}
+}

src/app/kdrama/styles/loading.module.css

@@ -10,12 +10,12 @@
 	height: 50px;
 	border-radius: 50%;
 	border: 8px solid;
-	border-color: #F4F4F4 #0000;
+	border-color: #f4f4f4 #0000;
 	animation: s1 1s infinite;
 }
 
 @keyframes s1 {
 	to {
-		transform: rotate(.5turn)
+		transform: rotate(0.5turn);
 	}
-}
+}

src/app/kdrama/styles/popular.module.css

@@ -44,7 +44,8 @@
 	margin: 4px;
 	background-color: #1f1f1fbb;
 	padding: 0.5rem;
-	transition: opacity 200ms ease, transform 200ms ease, background-color 200ms ease;
+	transition: opacity 200ms ease, transform 200ms ease,
+		background-color 200ms ease;
 	cursor: grab;
 	border-radius: 1rem;
 }
@@ -63,4 +64,4 @@
 	white-space: nowrap;
 	text-overflow: ellipsis;
 	margin: 0.5rem 0rem 0rem 0rem;
-}
+}

src/app/kdrama/styles/search.module.css

@@ -86,4 +86,4 @@
 	.Search {
 		max-width: 100%;
 	}
-}
+}

src/app/manga/[title]/[id]/[read]/read.module.css

@@ -1,5 +1,5 @@
 .Main {
-	margin: 80px auto;
+	margin: 65px auto;
 }
 
 .Image {
@@ -58,4 +58,4 @@
 	.Image {
 		width: 100%;
 	}
-}
+}

src/app/manga/[title]/[id]/buttons.jsx

@@ -5,6 +5,7 @@ import Link from "next/link";
 import { storeLocal } from "../../history/storeData";
 
 export default function Buttons({ content: data }) {
+	let hasValidLinks = false;
 	function store_to_local(title, chapter, volume, image, id, id2) {
 		let data = {
 			title: title,
@@ -22,6 +23,7 @@ export default function Buttons({ content: data }) {
 			{data.chapters &&
 				data.chapters.map((item, index) => {
 					if (item.pages !== 0) {
+						hasValidLinks = true;
 						return (
 							<Link
 								key={index}
@@ -49,6 +51,9 @@ export default function Buttons({ content: data }) {
 						);
 					}
 				})}
+			{!hasValidLinks && (
+				<p className={styles.linksNotFound}>Links not found</p>
+			)}
 		</div>
 	);
 }

src/app/manga/[title]/[id]/info.module.css

@@ -1,5 +1,5 @@
 .MangaInfoContainer {
-	margin: 68px auto;
+	margin: 60px auto;
 }
 
 .MangaHero {
@@ -15,7 +15,6 @@
 	padding: 5px;
 	background-color: #2c2c2c9c;
 	backdrop-filter: blur(5px);
-
 }
 
 .TitleContainer p {
@@ -114,7 +113,7 @@
 }
 
 .Character::-webkit-scrollbar-thumb {
-	background-color: #31363F;
+	background-color: #31363f;
 	border-radius: 5px;
 }
 
@@ -167,7 +166,7 @@
 }
 
 .ChapterContainer::-webkit-scrollbar-thumb {
-	background-color: #31363F;
+	background-color: #31363f;
 	border-radius: 5px;
 }
 
@@ -193,7 +192,7 @@
 
 .ChapterContainer button:hover {
 	background-color: #1f1f1f;
-	transition: background-color 50ms ease-in
+	transition: background-color 50ms ease-in;
 }
 
 .ChapterContainer button:focus {
@@ -203,6 +202,16 @@
 	transform: scale(0.9);
 }
 
+.linksNotFound {
+	font-family: "Atkinson Hyperlegible", serif;
+	color: white;
+	font-size: 18px;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	height: 85%;
+}
+
 @media screen and (max-width: 768px) {
 	.MangaInfoContainer {
 		max-width: 100%;
@@ -214,11 +223,9 @@
 
 	.ChapterContainer button {
 		width: 120px;
-
 	}
 
 	.ChapterContainer button p {
 		font-size: 14px;
 	}
-
-}
+}