sidski/Cinemateket
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

🚸 better user experience before searching movie

Browse source 
Co-authored-by: Sindre Kjelsrud <kjelsrudsindre@gmail.com>
This commit is contained in:
haraldnilsen 2023-09-06 11:09:23 +02:00
parent ca73d10408
commit 373bc58bcc
1 changed files with 5 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/App.tsx
View file

@ -21,7 +21,7 @@ function App() {
useEffect(() => { useEffect(() => {
fetch( fetch(
`http://www.omdbapi.com/?apikey=${API_MOVIE_KEY}&s=spider-man&page=${currentPage}` `http://www.omdbapi.com/?apikey=${API_MOVIE_KEY}&s=${movieTitle}&page=${currentPage}`
) )
.then((response) => response.json()) .then((response) => response.json())
.then((data) => { .then((data) => {
@ -106,10 +106,12 @@ function App() {
/> />
)} )}
</q.div> </q.div>
{!loading && movies ? ( {loading ? (
<q.h1>Loading...</q.h1>
) : movies ? (
<MovieTable {...{ handleModalOpen, sortHandler, movies }} /> <MovieTable {...{ handleModalOpen, sortHandler, movies }} />
) : ( ) : (
<q.h1>Loading...</q.h1> <q.h2>Find a list of movies by searching above ☝️ </q.h2>
)} )}
</q.div> </q.div>
</q.div> </q.div>