Fixed layout

rebornweb · Mar 18, 2022 · 20eca8c · 20eca8c
1 parent 96f8520
commit 20eca8c
Showing 1 changed file with 18 additions and 16 deletions.
diff --git a/react/filmapp/src/App.js b/react/filmapp/src/App.js
@@ -24,6 +24,9 @@ const App = () => {
         setMovies(data.Search);
     }
 
+    useEffect(() => {
+        searchMovies("Batman");
+    }, []);
 
     return (
         <div className='app'>
@@ -40,25 +43,24 @@ const App = () => {
                     alt='search'
                     onClick={() => searchMovies(searchTerm)}
                 />
-                {
-                    movies?.length > 0
-                        ? (
-                            <div className='container'>
-                                {movies.map((movie) => (
-                                    <MovieCard movie={movie} />
-                                ))}
-                            </div>
+            </div>
+            {movies?.length > 0
+                ? (
+                    <div className='container'>
+                        {movies.map((movie) => (
+                            <MovieCard movie={movie} />
+                        ))}
+                    </div>
 
-                        ) :
-                        (
-                            <div className='empty'>
-                                <h2>No Film Found</h2>
-                            </div>
+                ) :
+                (
+                    <div className='empty'>
+                        <h2>No Film Found</h2>
+                    </div>
 
-                        )
-                }
+                )
+            }
 
-            </div>
 
         </div>