Merge branch 'hide_password' into 'master'

is_authenticated, hide password and move styles

See merge request !39

src/components/AuthUser/SignInForm/SignInForm.tsx

 import React, { FC } from 'react';
 import axios from 'axios';
 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({
-    root: {
-      '& > *': {
-        margin: theme.spacing(0),
-      },
-    },
-    form: {
-      width: '100%', // Fix IE 11 issue.
-      marginTop: theme.spacing(1),
-    },
-    submit: {
-      margin: theme.spacing(3, 0, 2),
-    },
-  }),
-);
+import { useStyles } from './useStyles';
 
 export const SignInForm: FC = () => {
   const history = useHistory();
@@ -37,7 +20,7 @@ export const SignInForm: FC = () => {
     password: '',
   };
 
-  const { control, errors, handleSubmit } = useForm<FormData>({
+  const { control, errors, setError, handleSubmit } = useForm<FormData>({
     defaultValues,
   });
 
@@ -55,8 +38,19 @@ export const SignInForm: FC = () => {
           },
         },
       )
-      .then(() => {
-        history.replace(AuthRoutes.dashboard);
+      .then((response) => {
+        if (response.data.status === 'fail') {
+          setError('email', {
+            type: 'server',
+            message: 'Something went wrong with email',
+          });
+          setError('password', {
+            type: 'server',
+            message: 'Something went wrong with password',
+          });
+        } else if (response.data.status === 'success') {
+          history.replace(AuthRoutes.dashboard);
+        }
       });
   };
 

src/components/AuthUser/SignInForm/useStyles.ts

+import { createStyles, makeStyles, Theme } from '@material-ui/core/styles';
+
+export const useStyles = makeStyles((theme: Theme) =>
+  createStyles({
+    root: {
+      '& > *': {
+        margin: theme.spacing(0),
+      },
+    },
+    form: {
+      width: '100%', // Fix IE 11 issue.
+      marginTop: theme.spacing(1),
+    },
+    submit: {
+      margin: theme.spacing(3, 0, 2),
+    },
+  }),
+);

src/components/api/PrivateRoute/PrivateRoute.tsx

@@ -25,12 +25,10 @@ export const PrivateRoute = ({
   useEffect(() => {
     const fetch = async (): Promise<unknown> => {
       const result = await axios('/api/web/login/is_authenticated');
-      // FIX: Remove negation and use true server data
-      setAuth(!result.data.is_authenticated);
+      setAuth(result.data.is_authenticated);
       setLoading(true);
       return null;
     };
-
     fetch();
   }, []);