Role

src/components/AuthUser/SignInForm/SignInForm.tsx

@@ -4,6 +4,8 @@ import { SubmitHandler, useForm } from 'react-hook-form';
 import { createStyles, makeStyles, Theme } from '@material-ui/core/styles';
 import { Button } from '@material-ui/core';
 import { InputField } from 'components/AuthUser/SignInForm/InputField/InputField';
+import { useHistory } from 'react-router-dom';
+import { AuthRoutes } from 'components/api/routes';
 
 const useStyles = makeStyles((theme: Theme) =>
   createStyles({
@@ -22,8 +24,9 @@ const useStyles = makeStyles((theme: Theme) =>
   }),
 );
 
-// TODO: real time form validation
 export const SignInForm: FC = () => {
+  const history = useHistory();
+
   interface FormData {
     email: string;
     password: string;
@@ -39,19 +42,22 @@ export const SignInForm: FC = () => {
   });
 
   const onSubmit: SubmitHandler<FormData> = (values: FormData) => {
-    axios.post(
-      '/api/web/login',
-      {
-        username: values.email,
-        password: values.password,
-      },
-      {
-        headers: {
-          'Content-Type': 'application/json',
+    axios
+      .post(
+        '/api/web/login',
+        {
+          username: values.email,
+          password: values.password,
         },
-      },
-    );
+        {
+          headers: {
+            'Content-Type': 'application/json',
+          },
+        },
+      )
+      .then(() => history.replace(AuthRoutes.dashboard));
   };
+
   const classes = useStyles();
   return (
     <>