diff options
| author | real-zephex <[email protected]> | 2024-05-13 21:23:36 +0530 |
|---|---|---|
| committer | real-zephex <[email protected]> | 2024-05-13 21:23:36 +0530 |
| commit | 5a75c4551b3f6cc28aa7e9bef2dc56a36a8a494b (patch) | |
| tree | dfba994e9780532340f70c8178fbea34d205a071 /src/app/anime/components | |
| parent | adjustments to the search bar on the anime page (diff) | |
| download | dramalama-5a75c4551b3f6cc28aa7e9bef2dc56a36a8a494b.tar.xz dramalama-5a75c4551b3f6cc28aa7e9bef2dc56a36a8a494b.zip | |
added loading.jsx file and it's css subpart
Diffstat (limited to 'src/app/anime/components')
| -rw-r--r-- | src/app/anime/components/search.jsx | 9 |
1 files changed, 9 insertions, 0 deletions
diff --git a/src/app/anime/components/search.jsx b/src/app/anime/components/search.jsx index b8b4b53..66c491a 100644 --- a/src/app/anime/components/search.jsx +++ b/src/app/anime/components/search.jsx @@ -10,9 +10,13 @@ import SearchResults from "./search_results"; const SearcBar = () => { const [title, setTitle] = useState(""); const [searchResults, setSearchResults] = useState(null); + const [loading, setLoading] = useState(false); const handleSearchInput = async (title) => { + setSearchResults(null); + setLoading(true); setSearchResults(await SearchResults(title)); + setLoading(false); }; return ( @@ -47,6 +51,11 @@ const SearcBar = () => { </button> </Link> </section> + {loading && ( + <p className={styles.SearchLoading}> + Please wait while we crunch up all the data..... + </p> + )} {searchResults} </main> ); |