From fb481fc6a5211f66bf68087406fa6064bb9ca8d8 Mon Sep 17 00:00:00 2001
From: real-zephex <zephex-1@outlook.com>
Date: Tue, 7 May 2024 10:21:36 +0530
Subject: didn't like it

---
 src/app/anime/search/page.jsx        | 50 +++++++++++++++---------------------
 src/app/kdrama/components/search.jsx |  9 +------
 src/app/movies/components/search.jsx |  6 ++---
 3 files changed, 25 insertions(+), 40 deletions(-)

diff --git a/src/app/anime/search/page.jsx b/src/app/anime/search/page.jsx
index e94ef92..bf399cf 100644
--- a/src/app/anime/search/page.jsx
+++ b/src/app/anime/search/page.jsx
@@ -12,28 +12,28 @@ export default function Input() {
 	const [loading, setLoading] = useState(null);
 	const [info, setInfo] = useState(null);
 
-	// const handleKeyPress = async (event) => {
-	// 	if (
-	// 		(event.code === "Enter" ||
-	// 			event.key === "Enter" ||
-	// 			event.code === 13) &&
-	// 		searchedAnime !== ""
-	// 	) {
-	// 		setLoading(true);
-	// 		setInfo(await fetchedInfo(await Results(searchedAnime)));
-	// 		setLoading(false);
-	// 	} else if (
-	// 		(event.code === "Enter" ||
-	// 			event.key === "Enter" ||
-	// 			event.code === 13) &&
-	// 		searchedAnime === ""
-	// 	) {
-	// 		alert("Input cannot be empty");
-	// 	}
-	// };
+	const handleKeyPress = async (event) => {
+		if (
+			(event.code === "Enter" ||
+				event.key === "Enter" ||
+				event.code === 13) &&
+			searchedAnime !== ""
+		) {
+			setLoading(true);
+			setInfo(await fetchedInfo(await Results(searchedAnime)));
+			setLoading(false);
+		} else if (
+			(event.code === "Enter" ||
+				event.key === "Enter" ||
+				event.code === 13) &&
+			searchedAnime === ""
+		) {
+			alert("Input cannot be empty");
+		}
+	};
 
 	return (
-		<div style={{ marginBottom: -15 }}>
+		<div style={{marginBottom: -15}}>
 			<div className={styles.inputContainer}>
 				<div className={styles.searchContainer}>
 					<FaSearch className={styles.searchIcon} />
@@ -43,15 +43,7 @@ export default function Input() {
 								setSearchedAnime(event.target.value);
 							}
 						}}
-						onKeyDown={async (event) => {
-							if (event.code !== 8) {
-								setInfo(
-									await fetchedInfo(
-										await Results(searchedAnime)
-									)
-								);
-							}
-						}}
+						onKeyDown={(event) => handleKeyPress(event)}
 						placeholder="Enter anime title"
 						className={styles.SearchInput}
 					></input>
diff --git a/src/app/kdrama/components/search.jsx b/src/app/kdrama/components/search.jsx
index 1d1b93b..f44e4bb 100644
--- a/src/app/kdrama/components/search.jsx
+++ b/src/app/kdrama/components/search.jsx
@@ -21,20 +21,13 @@ export default function DramaSearch() {
 		setInfoTitle(data);
 	};
 
-	const fetch_every_title = async (title) => {
-		FetchSearchTitle(title);
-	};
-
 	return (
 		<div className={styles.SearchContainer}>
 			<div className={styles.Search}>
 				<FaSearch color="white" size={16} />
 				<input
 					placeholder="Search for drama"
-					onChange={(event) => {
-						setTitle(event.target.value);
-						fetch_every_title(title);
-					}}
+					onChange={(event) => setTitle(event.target.value)}
 					onKeyDown={async (e) => {
 						if ((e.key === "Enter" || e.code === 13) && title) {
 							await handleSearch(e.target.value);
diff --git a/src/app/movies/components/search.jsx b/src/app/movies/components/search.jsx
index 20f8cac..6514b76 100644
--- a/src/app/movies/components/search.jsx
+++ b/src/app/movies/components/search.jsx
@@ -24,9 +24,9 @@ export default function SEARCH_COMPONENT() {
 				<input
 					placeholder="Enter movie title here"
 					onChange={(event) => setTitle(event.target.value)}
-					onKeyDown={async (event) => {
-						if (event.code !== 8) {
-							await fetch_results(title);
+					onKeyDown={async (e) => {
+						if ((e.key === "Enter" || e.code === 13) && title) {
+							await fetch_results(e.target.value);
 						}
 					}}
 				></input>
-- 
cgit v1.2.3