ref: #187 adding formik pendind setLoginInfo

Author: lokeeto

hooks/14_FormValidation/src/pages/loginFormComponent.tsx

@@ -27,26 +27,21 @@ export const LoginForm: React.FC<PropsForm> = (props) => {
   const classes = useFormStyles();
   const { onLogin, onUpdateField, loginInfo } = props;
 
-  // TODO: Enhacement move this outside the stateless component discuss why is a good idea
-  const onTexFieldChange = (fieldID) => (e) => {
-    onUpdateField(fieldID, e.target.value);
-  };
-
   return (
     <Form>
       <div className={classes.formContainer}>
         <TextFieldForm
           label="Name"
           name="login"
           value={loginInfo.login}
-          onChange={onTexFieldChange("login")}
+          onChange={onUpdateField}
         />
         <TextFieldForm
           label="Password"
           type="password"
           name="password"
           value={loginInfo.password}
-          onChange={onTexFieldChange("password")}
+          onChange={onUpdateField}
         />
         <Button variant="contained" color="primary" onClick={onLogin}>
           Login