diff options
| author | real-zephex <[email protected]> | 2024-05-07 10:09:08 +0530 |
|---|---|---|
| committer | real-zephex <[email protected]> | 2024-05-07 10:09:08 +0530 |
| commit | 276960e86efb95799c903a1d78f2d3642835062a (patch) | |
| tree | f6c596e90836b26ce2a0c7e66f5a001bc012a49a /src/app/anime | |
| parent | small fixes and shit (diff) | |
| download | dramalama-276960e86efb95799c903a1d78f2d3642835062a.tar.xz dramalama-276960e86efb95799c903a1d78f2d3642835062a.zip | |
well, I tried something
Diffstat (limited to 'src/app/anime')
| -rw-r--r-- | src/app/anime/search/page.jsx | 50 | ||||
| -rw-r--r-- | src/app/anime/search/search.module.css | 7 |
2 files changed, 32 insertions, 25 deletions
diff --git a/src/app/anime/search/page.jsx b/src/app/anime/search/page.jsx index bf399cf..e94ef92 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,7 +43,15 @@ export default function Input() { setSearchedAnime(event.target.value);
}
}}
- onKeyDown={(event) => handleKeyPress(event)}
+ onKeyDown={async (event) => {
+ if (event.code !== 8) {
+ setInfo(
+ await fetchedInfo(
+ await Results(searchedAnime)
+ )
+ );
+ }
+ }}
placeholder="Enter anime title"
className={styles.SearchInput}
></input>
diff --git a/src/app/anime/search/search.module.css b/src/app/anime/search/search.module.css index 185f6d5..bbb2795 100644 --- a/src/app/anime/search/search.module.css +++ b/src/app/anime/search/search.module.css @@ -40,7 +40,7 @@ .searchContainer {
display: flex;
align-items: center;
- margin: 20px 0px 20px 0px;
+ margin: 20px 0px 10px 0px;
background-color: #121212;
padding: 10px;
border-radius: 10px;
@@ -55,8 +55,7 @@ .animeEntry {
display: flex;
overflow-x: auto;
- margin-bottom: 1rem;
- margin-left: 0.5rem;
+ margin: 0 0 1rem 0.5rem;
}
.animeEntry:hover .anime {
@@ -111,4 +110,4 @@ .anime p {
width: 50dvw;
}
-}
+}
\ No newline at end of file |