✨ feat(site): unified loading page and added metadata for each site

2 files changed, 8 insertions, 18 deletions

diff --git a/src/app/kdrama/loading.jsx b/src/app/kdrama/loading.jsx
deleted file mode 100644
index 4b403db..0000000
--- a/src/app/kdrama/loading.jsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { CircularProgress } from "@nextui-org/react";
-
-const LoadingScreen = async () => {
-	return (
-		<div className="w-screen h-screen flex gap-4 items-center justify-center">
-			<CircularProgress
-				color="success"
-				aria-label="Loading..."
-				label="Loading Kdramas..."
-			/>
-		</div>
-	);
-};
-
-export default LoadingScreen;
diff --git a/src/app/kdrama/page.jsx b/src/app/kdrama/page.jsx
index 3f57967..dc90008 100644
--- a/src/app/kdrama/page.jsx
+++ b/src/app/kdrama/page.jsx
@@ -1,6 +1,11 @@
 import { Card, CardHeader, CardBody, Link } from "@nextui-org/react";

 import Image from "next/image";

 

+export const metadata = {

+	title: "Dramalama K-Drama",

+	description: "k-drama page for Dramalama",

+};

+

 import { DramaDataFetcher } from "./components/requests";

 import styles from "../page.module.css";

 import { Searchbar } from "./components/searchBar";

@@ -35,7 +40,7 @@ const KdramaHomepage = async () => {
 						className="mx-1 flex flex-col items-center"

 					>

 						<Card

-							className="overflow-visible"

+							className="overflow-visible bg-stone-800"

 							isPressable

 							isHoverable

 							shadow="sm"

@@ -45,8 +50,8 @@ const KdramaHomepage = async () => {
 									alt="Kdrama Poster"

 									src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=${item.image}`}

 									width={270}

-									height={160}

-									className="h-60 overflow-hidden rounded-md"

+									height={170}

+									className="h-64 overflow-hidden rounded-md"

 									priority

 								/>

 							</CardBody>