remove form on signin component.

client/src/components/SignInSide.tsx

@@ -11,11 +11,12 @@ import Grid from "@material-ui/core/Grid";
 import LockOutlinedIcon from "@material-ui/icons/LockOutlined";
 import Typography from "@material-ui/core/Typography";
 import { makeStyles, createStyles, Theme } from "@material-ui/core/styles";
+import { useAuth0 } from "../authentication/auth0";
 
 const useStyles = makeStyles((theme: Theme) =>
   createStyles({
     root: {
-      height: "100vh"
+      height: "100vh",
     },
     image: {
       backgroundImage: "url(https://source.unsplash.com/daily?dev)",
@@ -25,31 +26,31 @@ const useStyles = makeStyles((theme: Theme) =>
           ? theme.palette.grey[50]
           : theme.palette.grey[900],
       backgroundSize: "cover",
-      backgroundPosition: "center"
+      backgroundPosition: "center",
     },
     paper: {
       margin: theme.spacing(8, 4),
       display: "flex",
       flexDirection: "column",
-      alignItems: "center"
+      alignItems: "center",
     },
     avatar: {
       margin: theme.spacing(1),
-      backgroundColor: theme.palette.secondary.main
+      backgroundColor: theme.palette.secondary.main,
     },
     form: {
       width: "100%",
-      marginTop: theme.spacing(1)
+      marginTop: theme.spacing(1),
     },
     submit: {
-      margin: theme.spacing(3, 0, 2)
-    }
+      margin: theme.spacing(3, 0, 2),
+    },
   })
 );
 
 export default function SignInSide() {
   const classes = useStyles();
-
+  const { isAuthenticated, loginWithRedirect, logout } = useAuth0();
   return (
     <Grid container component="main" className={classes.root}>
       <CssBaseline />
@@ -63,7 +64,7 @@ export default function SignInSide() {
             Sign in
           </Typography>
           <form className={classes.form} noValidate>
-            <TextField
+            {/* <TextField
               variant="outlined"
               margin="normal"
               required
@@ -88,17 +89,18 @@ export default function SignInSide() {
             <FormControlLabel
               control={<Checkbox value="remember" color="primary" />}
               label="Remember me"
-            />
+            /> */}
             <Button
               type="submit"
               fullWidth
               variant="contained"
               color="primary"
               className={classes.submit}
+              onClick={() => loginWithRedirect({})}
             >
               Sign In
             </Button>
-            <Grid container>
+            {/* <Grid container>
               <Grid item xs>
                 <Link href="#" variant="body2">
                   Forgot password?
@@ -109,7 +111,7 @@ export default function SignInSide() {
                   {"Don't have an account? Sign Up"}
                 </Link>
               </Grid>
-            </Grid>
+            </Grid> */}
           </form>
         </div>
       </Grid>