42 lines
1.2 KiB
JavaScript
42 lines
1.2 KiB
JavaScript
import { Link } from 'react-router-dom';
|
|
|
|
// material-ui
|
|
import { Grid, Stack, Typography } from '@mui/material';
|
|
|
|
// project import
|
|
import useAuth from 'hooks/useAuth';
|
|
import AuthWrapper from 'sections/auth/AuthWrapper';
|
|
import FirebaseRegister from 'sections/auth/auth-forms/AuthRegister';
|
|
|
|
// ================================|| REGISTER ||================================ //
|
|
|
|
const Register = () => {
|
|
const { isLoggedIn } = useAuth();
|
|
|
|
return (
|
|
<AuthWrapper>
|
|
<Grid container spacing={3}>
|
|
<Grid item xs={12}>
|
|
<Stack direction="row" justifyContent="space-between" alignItems="baseline" sx={{ mb: { xs: -0.5, sm: 0.5 } }}>
|
|
<Typography variant="h3">Sign up</Typography>
|
|
<Typography
|
|
component={Link}
|
|
to={isLoggedIn ? '/auth/login' : '/login'}
|
|
variant="body1"
|
|
sx={{ textDecoration: 'none' }}
|
|
color="primary"
|
|
>
|
|
Already have an account?
|
|
</Typography>
|
|
</Stack>
|
|
</Grid>
|
|
<Grid item xs={12}>
|
|
<FirebaseRegister />
|
|
</Grid>
|
|
</Grid>
|
|
</AuthWrapper>
|
|
);
|
|
};
|
|
|
|
export default Register;
|