diff options
Diffstat (limited to 'client/src/pages/Update')
-rw-r--r-- | client/src/pages/Update/Demographic/Demographic.jsx | 48 | ||||
-rw-r--r-- | client/src/pages/Update/Update.jsx | 15 |
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" /> |