ruidy/ticket_manager
1
0
Fork 0
mirror of https://github.com/rjNemo/ticket_manager synced 2026-06-12 11:46:40 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

remove form on signin component.

Browse source
This commit is contained in:
Ruidy Nemausat 2020-04-21 06:56:43 +02:00
parent 14bb8af68c
commit 7f8ded5a36
1 changed files with 14 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
client/src/components/SignInSide.tsx
View file

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