10 files changed, 33 insertions, 8 deletions
diff --git a/src/app/anime/[id]/[...animeId]/page.jsx b/src/app/anime/[id]/[...animeId]/page.jsx
index 950f618..f5505e5 100644
--- a/src/app/anime/[id]/[...animeId]/page.jsx
+++ b/src/app/anime/[id]/[...animeId]/page.jsx
@@ -9,6 +9,8 @@ import styles from "./video.module.css";
 import { redirect } from "next/navigation";
 import Link from "next/link";
 
+export const runtime = 'edge';
+
 export default async function Video({ params }) {
 	let link;
 	const id = params.animeId[0];
diff --git a/src/app/anime/[id]/page.jsx b/src/app/anime/[id]/page.jsx
index b99da42..598c8a7 100644
--- a/src/app/anime/[id]/page.jsx
+++ b/src/app/anime/[id]/page.jsx
@@ -2,6 +2,8 @@ import styles from "./info.module.css";
 import Image from "next/image";
 import Link from "next/link";
 
+export const runtime = 'edge';
+
 export default async function AnimeInfo({ params }) {
 	let animeID = params.id;
 
diff --git a/src/app/kdrama/[id]/page.jsx b/src/app/kdrama/[id]/page.jsx
index baaf24e..8f0fa9c 100644
--- a/src/app/kdrama/[id]/page.jsx
+++ b/src/app/kdrama/[id]/page.jsx
@@ -3,6 +3,8 @@ import Image from "next/image";
 import EpisodesButtons from "./buttons";
 import PreFetchVideoLinks from "../components/cacher";
 
+export const runtime = "edge";
+
 export default async function DramaInfo({ params }) {
 	const id = decodeURIComponent(params.id);
 	const info = await getDramaInfo(id);
@@ -16,7 +18,7 @@ export default async function DramaInfo({ params }) {
 					<div className={styles.TitleContainer}>
 						<p>{info.title}</p>
 						<Image
-							src={info.image}
+							src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=${info.image}`}
 							width={160}
 							height={240}
 							alt="Drama Poster"
diff --git a/src/app/kdrama/components/popular.jsx b/src/app/kdrama/components/popular.jsx
index d9126ec..4b8b293 100644
--- a/src/app/kdrama/components/popular.jsx
+++ b/src/app/kdrama/components/popular.jsx
@@ -19,7 +19,7 @@ export default async function PopularDramas() {
 						>
 							<div className={styles.AnimeEntry}>
 								<Image
-									src={item.image}
+									src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=${item.image}`}
 									width={160}
 									height={240}
 									alt="Drama Poster"
diff --git a/src/app/kdrama/components/recent.jsx b/src/app/kdrama/components/recent.jsx
index 759e179..0b6b7f6 100644
--- a/src/app/kdrama/components/recent.jsx
+++ b/src/app/kdrama/components/recent.jsx
@@ -19,7 +19,7 @@ export default async function RecentDramas() {
 						>
 							<div className={styles.AnimeEntry}>
 								<Image
-									src={item.image}
+									src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=${item.image}`}
 									width={160}
 									height={240}
 									alt="Drama Poster"
diff --git a/src/app/kdrama/components/search.jsx b/src/app/kdrama/components/search.jsx
index 4c9d00c..f9ba174 100644
--- a/src/app/kdrama/components/search.jsx
+++ b/src/app/kdrama/components/search.jsx
@@ -10,11 +10,14 @@ import Link from "next/link";
 export default function DramaSearch() {
 	const [title, setTitle] = useState("");
 	const [infoTitle, setInfoTitle] = useState(null);
+	const [loadingText, setLoadingText] = useState(null);
 
-	async function getSearchResults(title) {
+	const handleSearch = async (title) => {
+		setLoadingText(true);
 		const data = await FetchSearchTitle(title);
+		setLoadingText(false);
 		setInfoTitle(data);
-	}
+	};
 
 	return (
 		<div className={styles.SearchContainer}>
@@ -25,12 +28,16 @@ export default function DramaSearch() {
 					onChange={(event) => setTitle(event.target.value)}
 					onKeyDown={async (e) => {
 						if ((e.key === "Enter" || e.code === 13) && title) {
-							await getSearchResults(e.target.value);
+							await handleSearch(e.target.value);
 						}
 					}}
 				></input>
 			</div>
 
+			{loadingText && (
+				<p className={styles.LoadingText}>Wait a moment...</p>
+			)}
+
 			<div className={styles.SearchResults}>
 				{infoTitle &&
 					infoTitle.results.map((item, index) => (
@@ -42,7 +49,7 @@ export default function DramaSearch() {
 							<div className={styles.SearchEntry}>
 								<p>{item.title}</p>
 								<Image
-									src={item.image}
+									src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=${item.image}`}
 									width={110}
 									height={180}
 									alt="Drama Poster"
diff --git a/src/app/kdrama/styles/search.module.css b/src/app/kdrama/styles/search.module.css
index 5f61c23..fcf75b0 100644
--- a/src/app/kdrama/styles/search.module.css
+++ b/src/app/kdrama/styles/search.module.css
@@ -2,6 +2,12 @@
 	margin: 20px 0px -20px 0px;
 }
 
+.LoadingText {
+	color: white;
+	font-family: "Atkinson Hyperlegible";
+	text-align: center;
+}
+
 .Search {
 	padding: 5px;
 	background-color: #121212;
diff --git a/src/app/manga/[title]/[id]/[read]/page.jsx b/src/app/manga/[title]/[id]/[read]/page.jsx
index eaaa94c..fa338ac 100644
--- a/src/app/manga/[title]/[id]/[read]/page.jsx
+++ b/src/app/manga/[title]/[id]/[read]/page.jsx
@@ -3,6 +3,8 @@ import Image from "next/image";
 import DownloadManga from "./download";
 import CurrentReading from "./currentReading";
 
+export const runtime = "edge";
+
 export default async function Read({ params }) {
 	const chapterId = params.read;
 	const data = await getPages(chapterId);
@@ -32,7 +34,7 @@ export default async function Read({ params }) {
 					images.map((item, index) => (
 						<div className={styles.Image} key={index}>
 							<Image
-								src={`https://image-proxy-4xuu.onrender.com/image-proxy?url=${item}`}
+								src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=${item}`}
 								key={index}
 								alt="Pages"
 								width={800}
diff --git a/src/app/manga/[title]/[id]/page.jsx b/src/app/manga/[title]/[id]/page.jsx
index 1e4a26f..2d50252 100644
--- a/src/app/manga/[title]/[id]/page.jsx
+++ b/src/app/manga/[title]/[id]/page.jsx
@@ -5,6 +5,8 @@ import { redirect } from "next/navigation";
 import { FaStar } from "react-icons/fa";
 import CurrentReading from "./[read]/currentReading";
 
+export const runtime = 'edge';
+
 export default async function MangaInfo({ params }) {
 	const id = params.id;
 	const data = await getMangaInfo(id);
diff --git a/src/app/manga/[title]/page.jsx b/src/app/manga/[title]/page.jsx
index 7788a59..e586d09 100644
--- a/src/app/manga/[title]/page.jsx
+++ b/src/app/manga/[title]/page.jsx
@@ -2,6 +2,8 @@ import styles from "./title.module.css";
 import Image from "next/image";
 import Link from "next/link";
 
+export const runtime = 'edge';
+
 export default async function MangaInfo({ params }) {
 	const title = params.title;
 	const data = await GetSearchedAnime(title);