1 files changed, 50 insertions, 33 deletions
diff --git a/client/src/pages/Update/Update.jsx b/client/src/pages/Update/Update.jsx
index 69b9224..afa3bbd 100644
--- a/client/src/pages/Update/Update.jsx
+++ b/client/src/pages/Update/Update.jsx
@@ -1,55 +1,72 @@
-import React from 'react'
+import React, { useState } 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 { useQuery } from 'react-query'
 import { Grid, Button } from '@mui/material'
+// import { getUserByAadhaar } from '../../services/apiservice'
+// import { validAadhaar } from '../../components/RegEx/RegEx'
 
 const Update = () => {
+  const [aadhaarNumber, setAadhaarNumber] = useState()
   const navigate = useNavigate()
+
+  // console.log(aadhaarNumber)
+  // const user = useQuery(['user', aadhaarNumber], () =>
+  //   getUserByAadhaar(aadhaarNumber)
+  // )
+
+  // console.log(user.data.data)
+
   return (
-    <><Header
-      subheading='Update' />
+    <>
+      <Header subheading="Update" />
       <div className={styles.subheading__container}>
-      <h3 className={styles.subheading}> Provide Aadhaar Number (UID): </h3>
-      <Input
+        <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>
+          value={aadhaarNumber}
+          onChange={(e) => setAadhaarNumber(e.target.value)}
+          placeholder="Enter your Aadhaar Number"
+          required
+        />
+        <Grid container columnSpacing={10} justifyContent="center">
+          <Grid item>
+            <Button
+              color="primary"
+              size="large"
+              type="submit"
+              variant="contained"
+            >
+              Send OTP
+            </Button>
+          </Grid>
         </Grid>
-      </Grid>
       </div>
       <div className={styles.subheading__container}>
-      <h3 className={styles.subheading}> Enter OTP </h3>
-      <Input
+        <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>
+          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>
-      </Grid>
       </div>
-      </>
+    </>
   )
 }