From ec423572aaf8ecf80a409fd9a03d73b5d31e444f Mon Sep 17 00:00:00 2001
From: Blaster4385 <venkateshchaturvedi12@gmail.com>
Date: Sat, 13 Aug 2022 21:40:17 +0530
Subject: Implemented update UI

---
 client/src/pages/Update/Agreement/Agreement.jsx    | 54 ++++++++++++++++++++++
 .../pages/Update/Agreement/Agreement.module.css    |  4 ++
 2 files changed, 58 insertions(+)
 create mode 100644 client/src/pages/Update/Agreement/Agreement.jsx
 create mode 100644 client/src/pages/Update/Agreement/Agreement.module.css

(limited to 'client/src/pages/Update/Agreement')

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
-- 
cgit