added empty string case Relates #11

fac24 · Jun 10, 2022 · f0c863a · f0c863a
1 parent 980f907
commit f0c863a
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/src/components/search.jsx b/src/components/search.jsx
@@ -4,17 +4,18 @@ import React from "react";
 function Search({ search }) {
   const [movie, setMovie] = React.useState([]);
 
-  const URL = "https://api.themoviedb.org/3/search/movie";
-  const api_key = import.meta.env.VITE_TMDB_API_KEY;
-  const searchURL = `${URL}?api_key=${api_key}&query=${search}`;
-
   React.useEffect(() => {
+    const URL = "https://api.themoviedb.org/3/search/movie";
+    const api_key = import.meta.env.VITE_TMDB_API_KEY;
+    let searchURL = `${URL}?api_key=${api_key}&query=${search}`;
     fetch(searchURL)
       .then((response) => response.json())
       .then((data) => setMovie(data));
   }, [search]);
 
-  if (search === false) {
+  if (search === "") {
+    return <div>empty string is unacceptable.</div>;
+  } else if (search === false) {
     return <div>Search movie title : )</div>;
   } else {
     const genres = movie.results[0].genre_ids;