solution

mate-academy · Jan 15, 2024 · be2caa8 · be2caa8
1 parent c107ff3
commit be2caa8
Showing 1 changed file with 4 additions and 9 deletions.
diff --git a/src/components/NewMovie/NewMovie.tsx b/src/components/NewMovie/NewMovie.tsx
@@ -32,7 +32,11 @@ export const NewMovie: React.FC<Props> = ({ onAdd }) => {
   const handleInputChange = (
     setter: React.Dispatch<React.SetStateAction<string>>, value: string,
   ) => {
+    const isValid = !!title && pattern.test(imgUrl)
+    && pattern.test(imdbUrl) && !!imdbId;
+
     setter(value);
+    setIsFormValid(isValid);
   };
 
   const handleSubmit = (event: React.FormEvent) => {
@@ -48,17 +52,8 @@ export const NewMovie: React.FC<Props> = ({ onAdd }) => {
 
     onAdd(newMovie);
     setCount(count + 1);
-
-    // reset();
   };
 
-  useEffect(() => {
-    const isImgUrlValid = pattern.test(imgUrl);
-    const isImdbUrlValid = pattern.test(imdbUrl);
-
-    setIsFormValid(!!title && isImgUrlValid && isImdbUrlValid && !!imdbId);
-  }, [title, imgUrl, imdbUrl, imdbId]);
-
   useEffect(() => {
     if (count > 0) {
       reset();