Merge pull request #4 from Blaster4385/develop

Implemented update UI

1 files changed, 50 insertions, 1 deletions

diff --git a/client/src/pages/Update/Update.jsx b/client/src/pages/Update/Update.jsx
index 0b448cf..69b9224 100644
--- a/client/src/pages/Update/Update.jsx
+++ b/client/src/pages/Update/Update.jsx
@@ -1,7 +1,56 @@
 import React from 'react'
+import { useNavigate } from 'react-router-dom'
+import Header from '../../components/Header/Header'
+import styles from './Update.module.css'
+import Input from '../../components/Input/Input'
+import { Grid, Button } from '@mui/material'
 
 const Update = () => {
-  return <div>Update</div>
+  const navigate = useNavigate()
+  return (
+    <><Header
+      subheading='Update' />
+      <div className={styles.subheading__container}>
+      <h3 className={styles.subheading}> Provide Aadhaar Number (UID): </h3>
+      <Input
+          type="text"
+          id="aadhaarNumber"
+          placeholder="Enter your Aadhaar Number" />
+            <Grid container columnSpacing={10} justifyContent="center">
+        <Grid item>
+          <Button
+            color="primary"
+            size="large"
+            type="submit"
+            variant="contained"
+          >
+            Send OTP
+          </Button>
+        </Grid>
+      </Grid>
+      </div>
+      <div className={styles.subheading__container}>
+      <h3 className={styles.subheading}> Enter OTP </h3>
+      <Input
+          type="text"
+          id="aadhaarNumber"
+          placeholder="Enter One Time Password" />
+            <Grid container columnSpacing={10} justifyContent="center">
+        <Grid item>
+          <Button
+            color="primary"
+            size="large"
+            type="submit"
+            variant="contained"
+            onClick={() => navigate('/update/select-update')}
+          >
+            Verify OTP
+          </Button>
+        </Grid>
+      </Grid>
+      </div>
+      </>
+  )
 }
 
 export default Update