diff options
Diffstat (limited to 'client/src/pages/Update/Agreement')
| -rw-r--r-- | client/src/pages/Update/Agreement/Agreement.jsx | 54 | ||||
| -rw-r--r-- | client/src/pages/Update/Agreement/Agreement.module.css | 4 |
2 files changed, 58 insertions, 0 deletions
diff --git a/client/src/pages/Update/Agreement/Agreement.jsx b/client/src/pages/Update/Agreement/Agreement.jsx new file mode 100644 index 0000000..95bef8a --- /dev/null +++ b/client/src/pages/Update/Agreement/Agreement.jsx @@ -0,0 +1,54 @@ +import React from 'react' +import Header from '../../../components/Header/Header' +import CardAgreement from '../../../components/Card/CardAgreement' +import styles from './Agreement.module.css' +import Input from '../../../components/Input/Input' +import { Grid, Button } from '@mui/material' +import { Link } from 'react-router-dom' +import SubmitButton from '../../../components/SubmitButton/SubmitButton' + +const Agreement = () => { + return ( + <> + <Header subheading="Enrollment" /> + <div className={styles.card__container}> + <CardAgreement + image={`${process.env.PUBLIC_URL}/assets/images/agreement.svg`} + /> + </div> + <Input + type="text" + id="otp" + label="Please verify your identity by receiving the OTP on your registered mobile number xxxxxxxx15" + placeholder="XXXX" + /> + <Grid container columnSpacing={10} justifyContent="center"> + <Grid item> + <Button + color="primary" + size="large" + type="submit" + variant="contained" + > + Send OTP + </Button> + </Grid> + <Grid item> + <Button + color="primary" + size="large" + type="submit" + variant="contained" + > + Resend + </Button> + </Grid> + </Grid> + <Link to ="/update/final-slip"> + <SubmitButton /> + </Link> + </> + ) +} + +export default Agreement diff --git a/client/src/pages/Update/Agreement/Agreement.module.css b/client/src/pages/Update/Agreement/Agreement.module.css new file mode 100644 index 0000000..c618a4d --- /dev/null +++ b/client/src/pages/Update/Agreement/Agreement.module.css @@ -0,0 +1,4 @@ +.card__container { + display: flex; + justify-content: center; + }
\ No newline at end of file |