notify searchbar

Ariaky · Mar 9, 2024 · d9e48b1 · d9e48b1
1 parent e196ed4
commit d9e48b1
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/components/Searchbar/Searchbar.jsx b/src/components/Searchbar/Searchbar.jsx
@@ -1,10 +1,17 @@
 import { Form, Input, Button } from './SearchBar.styled';
+import { Notify } from 'notiflix/build/notiflix-notify-aio';
 
 const Searchbar = ({ setSearchParams, fetchMoviesFromApi }) => {
     const handleSubmit = async e => {
       e.preventDefault();
       const searchForm = e.currentTarget;
       const searchQuery = searchForm.elements.query.value;
+
+      if (!searchQuery.trim()) {
+        Notify.warning('Please enter a movie name.');
+        return;
+      }
+
       setSearchParams({ query: searchQuery });
       searchForm.reset();
       fetchMoviesFromApi(searchQuery);