summaryrefslogtreecommitdiff
path: root/client/src/pages/Update
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/pages/Update')
-rw-r--r--client/src/pages/Update/Demographic/Demographic.jsx48
-rw-r--r--client/src/pages/Update/Update.jsx15
2 files changed, 48 insertions, 15 deletions
diff --git a/client/src/pages/Update/Demographic/Demographic.jsx b/client/src/pages/Update/Demographic/Demographic.jsx
index 27a162a..5be3e3b 100644
--- a/client/src/pages/Update/Demographic/Demographic.jsx
+++ b/client/src/pages/Update/Demographic/Demographic.jsx
@@ -1,4 +1,6 @@
import React, { useState } from 'react'
+import { useQuery } from 'react-query'
+import { getUserByAadhaar } from '../../../services/apiservice'
import Address from '../Address/Address'
import DocumentScanner from '../DocumentScanner/DocumentScanner'
import SubmitButton from '../../../components/SubmitButton/SubmitButton'
@@ -11,15 +13,43 @@ import {
} from '../../../components/RegEx/RegEx'
import UpdateSelect from '../UpdateSelect/UpdateSelect'
import { useTranslation } from 'react-i18next'
+import { userContext } from '../../../context/User'
const Demographic = () => {
const { t } = useTranslation()
+ const { aadhaarNumber, userData, setUserData } = userContext()
+
const [page, setPage] = useState(0)
+ const isLongEnough = aadhaarNumber?.toString().length > 11
+
+ const { data } = useQuery(
+ ['user', aadhaarNumber],
+ () => getUserByAadhaar(aadhaarNumber),
+ {
+ enabled: isLongEnough,
+ retry: 1,
+ onSuccess: () => {
+ while (!data?.data?.name) {
+ console.log(formData.name)
+ console.log('success')
+ setUserData(data?.data)
+ console.log(data?.data)
+ console.log(userData?.name)
+ console.log(data?.data?.name)
+ setFormData({
+ ...formData,
+ name: userData?.name
+ })
+ }
+ }
+ }
+ )
+
const [formData, setFormData] = useState({
name: '',
gender: '',
- dob: new Date().toISOString().slice(0, 10),
+ dob: '',
mobile: '',
email: '',
country: '',
@@ -31,10 +61,22 @@ const Demographic = () => {
locality: '',
postOffice: '',
landmark: '',
- pincode: '',
- address: ''
+ pincode: ''
+ // address: userData?.address
})
+ const address = userData?.address
+ console.log(address)
+
+ console.log(
+ 'Aadhaar: ',
+ aadhaarNumber,
+ 'Islong: ',
+ isLongEnough,
+ 'User: ',
+ userData
+ )
+
const handleSubmit = () => {
if (page === 0) {
if (formData.name === '' || formData.name.length < 1) {
diff --git a/client/src/pages/Update/Update.jsx b/client/src/pages/Update/Update.jsx
index afa3bbd..eb0aa58 100644
--- a/client/src/pages/Update/Update.jsx
+++ b/client/src/pages/Update/Update.jsx
@@ -1,24 +1,15 @@
-import React, { useState } from 'react'
+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 { useQuery } from 'react-query'
import { Grid, Button } from '@mui/material'
-// import { getUserByAadhaar } from '../../services/apiservice'
-// import { validAadhaar } from '../../components/RegEx/RegEx'
+import { userContext } from '../../context/User'
const Update = () => {
- const [aadhaarNumber, setAadhaarNumber] = useState()
+ const { aadhaarNumber, setAadhaarNumber } = userContext()
const navigate = useNavigate()
- // console.log(aadhaarNumber)
- // const user = useQuery(['user', aadhaarNumber], () =>
- // getUserByAadhaar(aadhaarNumber)
- // )
-
- // console.log(user.data.data)
-
return (
<>
<Header subheading="Update" />