From c75cde394dee359c9a13ff5fe4f53cacb0853cda Mon Sep 17 00:00:00 2001
From: real-zephex <zephex-1@outlook.com>
Date: Tue, 14 May 2024 01:20:34 +0530
Subject: minor changes to the manga page

---
 src/app/kdrama/[id]/buttons.jsx        | 15 +++++++++++----
 src/app/manga/[title]/title.module.css | 25 +++++++++++++++++++++++--
 2 files changed, 34 insertions(+), 6 deletions(-)

diff --git a/src/app/kdrama/[id]/buttons.jsx b/src/app/kdrama/[id]/buttons.jsx
index e31adf1..66292e7 100644
--- a/src/app/kdrama/[id]/buttons.jsx
+++ b/src/app/kdrama/[id]/buttons.jsx
@@ -13,7 +13,7 @@ import {
 export default function EpisodesButtons({ data: episodeData, id: dramaId }) {
 	const [videoLink, setVideoLink] = useState(null);
 
-	async function test(a, b, episodeText) {
+	async function test(a, b) {
 		let link = await getVideoLink(a, b);
 		setVideoLink(link);
 	}
@@ -23,7 +23,7 @@ export default function EpisodesButtons({ data: episodeData, id: dramaId }) {
 			<div className={styles.EpisodesContainer}>
 				<h2>Episodes</h2>
 				<div className={styles.EpisodeButtons}>
-					{episodeData &&
+					{episodeData && episodeData.length > 0 ? (
 						episodeData.map((item, index) => (
 							<button
 								title={item.title}
@@ -31,12 +31,19 @@ export default function EpisodesButtons({ data: episodeData, id: dramaId }) {
 								onClick={(event) => {
 									test(item.id, dramaId, item.title);
 									event.currentTarget.style.backgroundColor =
-										"#D08770";
+										"var(--soft-purple)";
 								}}
 							>
 								<p>{item.title}</p>
 							</button>
-						))}
+						))
+					) : (
+						<p style={{ color: "white" }}>
+							No episodes are available at the moment but they
+							will be made available soon. Thank you for your
+							patience.
+						</p>
+					)}
 				</div>
 			</div>
 
diff --git a/src/app/manga/[title]/title.module.css b/src/app/manga/[title]/title.module.css
index 203efad..7ed09bd 100644
--- a/src/app/manga/[title]/title.module.css
+++ b/src/app/manga/[title]/title.module.css
@@ -77,8 +77,29 @@
 		max-width: 100%;
 	}
 
+	.MangaEntries {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		text-align: center;
+	}
+
+	.MangaEntries img {
+		width: auto;
+		height: auto;
+		border-radius: 0.3rem;
+		background-color: #121212;
+		padding: 0.2rem;
+	}
+
+	.MangaTitle {
+		font-weight: 600;
+	}
+
 	.MangaDescription {
-		max-height: 10rem;
+		max-height: 7.5rem;
 		overflow: auto;
 	}
-}
+
+}
\ No newline at end of file
-- 
cgit v1.2.3