Use token var instead of signedIn or user

src/components/SignUpForm/index.jsx

@@ -1,7 +1,6 @@
 import React, { useRef } from 'react';
 import { Link as RouterLink } from 'react-router-dom';
-import { Avatar, Button, Container, CssBaseline, Grid, Link, TextField, Typography } from '@material-ui/core';
-import LockOpenOutlinedIcon from '@material-ui/icons/LockOpenOutlined';
+import { Button, Container, CssBaseline, Grid, Link, TextField, Typography } from '@material-ui/core';
 import useStyles from '../Styles';
 import { useUserContext }  from '../Contexts/UserContext';
 
@@ -18,6 +17,7 @@ export default function SignInForm() {
         const password = passwordEl.current.value;
         const confirm = confirmEl.current.value;
         const result = await signUp(email, password, confirm);
+        debugger;
       }
       catch (e) {
         setError(e.message);
@@ -28,9 +28,6 @@ export default function SignInForm() {
       <Container component="main" maxWidth="xs">
         <CssBaseline />
         <div className={classes.paper}>
-          <Avatar className={classes.avatar}>
-            <LockOpenOutlinedIcon />
-          </Avatar>
           <Typography component="h1" variant="h5">
             Sign up
           </Typography>
@@ -78,7 +75,7 @@ export default function SignInForm() {
               className={classes.submit}
               disabled={fetching}
             >
-              Sign Up
+              { fetching ? "Signing Up..." : "Sign Up" }
             </Button>
             <Grid container>
               <Grid item>