68 lines
2.0 KiB
TypeScript
Executable File
68 lines
2.0 KiB
TypeScript
Executable File
import { Link as RouterLink } from 'react-router-dom';
|
||
// @mui
|
||
import { styled } from '@mui/material/styles';
|
||
import { Box, Button, Link, Container, Typography } from '@mui/material';
|
||
// layouts
|
||
import LogoOnlyLayout from '../../layouts/LogoOnlyLayout';
|
||
// routes
|
||
import { PATH_AUTH } from '../../routes/paths';
|
||
// components
|
||
import Page from '../../components/Page';
|
||
import Iconify from '../../components/Iconify';
|
||
// sections
|
||
import { VerifyCodeForm } from '../../sections/auth/verify-code';
|
||
|
||
// ----------------------------------------------------------------------
|
||
|
||
const RootStyle = styled('div')(({ theme }) => ({
|
||
display: 'flex',
|
||
height: '100%',
|
||
alignItems: 'center',
|
||
padding: theme.spacing(12, 0),
|
||
}));
|
||
|
||
// ----------------------------------------------------------------------
|
||
|
||
export default function VerifyCode() {
|
||
return (
|
||
<Page title="Verify" sx={{ height: 1 }}>
|
||
<RootStyle>
|
||
<LogoOnlyLayout />
|
||
|
||
<Container>
|
||
<Box sx={{ maxWidth: 480, mx: 'auto' }}>
|
||
<Button
|
||
size="small"
|
||
component={RouterLink}
|
||
to={PATH_AUTH.login}
|
||
startIcon={<Iconify icon={'eva:arrow-ios-back-fill'} width={20} height={20} />}
|
||
sx={{ mb: 3 }}
|
||
>
|
||
Back
|
||
</Button>
|
||
|
||
<Typography variant="h3" paragraph>
|
||
Please check your email!
|
||
</Typography>
|
||
<Typography sx={{ color: 'text.secondary' }}>
|
||
We have emailed a 6-digit confirmation code to acb@domain, please enter the code in
|
||
below box to verify your email.
|
||
</Typography>
|
||
|
||
<Box sx={{ mt: 5, mb: 3 }}>
|
||
<VerifyCodeForm />
|
||
</Box>
|
||
|
||
<Typography variant="body2" align="center">
|
||
Don’t have a code?
|
||
<Link variant="subtitle2" underline="none" onClick={() => {}}>
|
||
Resend code
|
||
</Link>
|
||
</Typography>
|
||
</Box>
|
||
</Container>
|
||
</RootStyle>
|
||
</Page>
|
||
);
|
||
}
|