From 6b85ebee8986b982e05d49c8f1a326deb3e08bae Mon Sep 17 00:00:00 2001
From: rohan09-raj <rajrohan1914@gmail.com>
Date: Thu, 18 Aug 2022 11:43:03 +0530
Subject: Fixed components

---
 client/src/pages/Update/FormOne/FormOne.jsx | 30 +++++++++++++++--------------
 1 file changed, 16 insertions(+), 14 deletions(-)

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

diff --git a/client/src/pages/Update/FormOne/FormOne.jsx b/client/src/pages/Update/FormOne/FormOne.jsx
index 629588d..fafce05 100644
--- a/client/src/pages/Update/FormOne/FormOne.jsx
+++ b/client/src/pages/Update/FormOne/FormOne.jsx
@@ -5,8 +5,10 @@ import styles from './FormOne.module.css'
 import EditButton from '../../../components/EditButton/EditButton'
 import Gender from '../../../components/Gender/Gender'
 import { useTranslation } from 'react-i18next'
+import { userContext } from '../../../context/User'
 
-const FormOne = ({ formData, setFormData }) => {
+const FormOne = () => {
+  const { userData, setUserData } = userContext()
   const { t } = useTranslation()
 
   const [editable, setEditable] = React.useState(true)
@@ -23,10 +25,10 @@ const FormOne = ({ formData, setFormData }) => {
           type="text"
           id="fullName"
           label={t('FULL_NAME')}
-          value={formData.name}
+          value={userData?.name}
           onChange={(e) => {
-            setFormData({
-              ...formData,
+            setUserData({
+              ...userData,
               name: e.target.value
             })
           }}
@@ -35,12 +37,12 @@ const FormOne = ({ formData, setFormData }) => {
 
         <UpdateInput
           id="mobile"
-          value={formData.mobile}
+          value={userData?.mobile}
           label={t('MOBILE')}
           type="text"
           onChange={(e) => {
-            setFormData({
-              ...formData,
+            setUserData({
+              ...userData,
               mobile: e.target.value
             })
           }}
@@ -55,11 +57,11 @@ const FormOne = ({ formData, setFormData }) => {
               type="date"
               id="dob"
               name="dob"
-              value={formData.dob}
+              value={userData?.dob}
               readOnly={editable}
               onChange={(e) => {
-                setFormData({
-                  ...formData,
+                setUserData({
+                  ...userData,
                   dob: e.target.value
                 })
               }}
@@ -71,19 +73,19 @@ const FormOne = ({ formData, setFormData }) => {
 
         <UpdateInput
           id="email"
-          value={formData.email}
+          value={userData?.email}
           label={t('EMAIL')}
           type="email"
           onChange={(e) => {
-            setFormData({
-              ...formData,
+            setUserData({
+              ...userData,
               email: e.target.value
             })
           }}
           placeholder={t('ENTER_YOUR_EMAIL_ID')}
         />
 
-        <Gender formData={formData} setFormData={setFormData} />
+        <Gender formData={userData} setFormData={setUserData} />
       </div>
     </>
   )
-- 
cgit