add task solution

mate-academy · Feb 7, 2025 · e3a7584 · e3a7584
1 parent 5c8b4ed
commit e3a7584
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 7 deletions.
diff --git a/src/components/NewMovie/NewMovie.tsx b/src/components/NewMovie/NewMovie.tsx
@@ -54,38 +54,40 @@ export const NewMovie: React.FC<Props> = ({ onAdd }) => {
         name="title"
         label="Title"
         value={inputState.title}
-        onChange={e => setInputState({ ...inputState, title: e })}
+        onChange={e => setInputState({ ...inputState, title: e.target.value })}
         required
       />
 
       <TextField
         name="description"
         label="Description"
         value={description}
-        onChange={e => setDescription(e)}
+        onChange={e => setDescription(e.target.value)}
       />
 
       <TextField
         name="imgUrl"
         label="Image URL"
         value={inputState.imgUrl}
-        onChange={e => setInputState({ ...inputState, imgUrl: e })}
+        onChange={e => setInputState({ ...inputState, imgUrl: e.target.value })}
         required
       />
 
       <TextField
         name="imdbUrl"
         label="Imdb URL"
         value={inputState.imdbUrl}
-        onChange={e => setInputState({ ...inputState, imdbUrl: e })}
+        onChange={e =>
+          setInputState({ ...inputState, imdbUrl: e.target.value })
+        }
         required
       />
 
       <TextField
         name="imdbId"
         label="Imdb ID"
         value={inputState.imdbId}
-        onChange={e => setInputState({ ...inputState, imdbId: e })}
+        onChange={e => setInputState({ ...inputState, imdbId: e.target.value })}
         onBlur={() => setBlurredFields({ ...blurredFields, imdbId: true })}
         error={imdbIdError}
       />

diff --git a/src/components/TextField/TextField.tsx b/src/components/TextField/TextField.tsx
@@ -7,7 +7,7 @@ type Props = {
   label?: string;
   placeholder?: string;
   required?: boolean;
-  onChange?: (newValue: string) => void;
+  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
   onBlur?: () => void;
   error?: boolean;
 };
@@ -49,7 +49,7 @@ export const TextField: React.FC<Props> = ({
           })}
           placeholder={placeholder}
           value={value}
-          onChange={event => onChange(event.target.value)}
+          onChange={onChange}
           onBlur={() => {
             setTouched(true);
             if (onBlur) {