diff --git a/src/App.tsx b/src/App.tsx
index a9f7e81..65aa179 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -21,7 +21,7 @@ function App() {
useEffect(() => {
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((data) => {
@@ -106,10 +106,12 @@ function App() {
/>
)}
- {!loading && movies ? (
+ {loading ? (
+ Loading...
+ ) : movies ? (
) : (
- Loading...
+ Find a list of movies by searching above ☝️
)}