fix counter

mate-academy · Sep 30, 2023 · f830508 · f830508
1 parent 0632dce
commit f830508
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/components/NewMovie/NewMovie.tsx b/src/components/NewMovie/NewMovie.tsx
@@ -9,7 +9,7 @@ type Props = {
 export const NewMovie: React .FC<Props> = ({ onAdd }) => {
   // Increase the count after successful form submission
   // to reset touched status of all the `Field`s
-  const [count] = useState(0);
+  const [count, setCount] = useState(0);
   const [title, setTitle] = useState('');
   const [description, setDescription] = useState('');
   const [imdbId, setImdbId] = useState('');
@@ -41,6 +41,8 @@ export const NewMovie: React .FC<Props> = ({ onAdd }) => {
     setImdbId('');
     setImdbUrl('');
     setImgUrl('');
+
+    setCount(number => number + 1);
   };
 
   return (

diff --git a/src/components/TextField/TextField.tsx b/src/components/TextField/TextField.tsx
@@ -29,7 +29,7 @@ export const TextField: React.FC<Props> = ({
 
   // To show errors only if the field was touched (onBlur)
   const [touched, setTouched] = useState(false);
-  const hasError = touched && required && !value;
+  const hasError = touched && required && !value.trim();
 
   return (
     <div className="field">