diff options
| -rw-r--r-- | src/app/anime/search/page.jsx | 50 | ||||
| -rw-r--r-- | src/app/kdrama/components/search.jsx | 9 | ||||
| -rw-r--r-- | 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> |