section5 data to main

src/Components/PatientForm/PainAnalysisSection4.tsx

@@ -113,9 +113,6 @@ export default function PainAnalysisSection4({handleFormSection4Data}:Props){
         }));
       };
 
-
-      console.log("dskjjfdsgvd",patient)
-
     return(
         <>
         <Grid item xs={12} className='collapsable-form-style '> 

src/Components/PatientForm/PastTreatment5.tsx

@@ -1,8 +1,9 @@
 import { TextField, FormControlLabel,Grid,Checkbox, FormControl, FormLabel, Radio, RadioGroup } from '@mui/material';
 import * as React from 'react';
 import Table from '../Helper/AddNewTable';
+import { useEffect } from 'react';
 
-interface FormValues {
+interface Patient {
   generalHealth: string;
   presentProblemBefore: string;
   ifYespresentProblemBefore:string;
@@ -17,10 +18,27 @@ interface FormValues {
   supplementsOrDrugs: string;
 }
 
+type Props = {
+  handleFormSection5Data:(
+    generalHealth: string|undefined,
+    presentProblemBefore: string|undefined,
+    ifYespresentProblemBefore:string|undefined,
+    ifYestreatmentProvided: string|undefined,
+    ifYesOutcome: string|undefined,
+    strokeBloodclotting: string|undefined,
+    ifYesstrokeBloodclotting: string|undefined,
+    dizzinessFetigue: string|undefined,
+    ifyesdizzinessFetigue: string|undefined,
+    antiColligent: string|undefined,
+    injuriesHospitalization: string|undefined,
+    supplementsOrDrugs: string|undefined,
+  )=> void
+}
 
-export default function PastTreatment5(){
 
-    const [values, setValues] = React.useState<FormValues>({
+export default function PastTreatment5({handleFormSection5Data}:Props){
+
+    const [patient, setPatient] = React.useState<Patient>({
         generalHealth: '',
         presentProblemBefore: '',
         ifYespresentProblemBefore:'',
@@ -35,7 +53,23 @@ export default function PastTreatment5(){
         supplementsOrDrugs:''
       });
 
-    console.log("dsfdsfdsfg",values)
+      useEffect(()=>{
+        handleFormSection5Data(
+            patient.generalHealth,
+            patient.presentProblemBefore,
+            patient.ifYespresentProblemBefore,
+            patient.ifYestreatmentProvided,
+            patient.ifYesOutcome,
+            patient.strokeBloodclotting,
+            patient.ifYesstrokeBloodclotting,
+            patient.dizzinessFetigue,
+            patient.ifyesdizzinessFetigue,
+            patient.antiColligent,
+            patient.injuriesHospitalization,
+            patient.supplementsOrDrugs,
+        )
+      },[patient])
+
     return(
         <>
         <form>
@@ -48,7 +82,7 @@ export default function PastTreatment5(){
                         name="painDuration"
                         sx={{display:'flex', flexDirection:'row'}}
                         onChange={(event) => {
-                          setValues((prevValues) => ({
+                          setPatient((prevValues) => ({
                             ...prevValues,
                             generalHealth: event.target.value,
                           }));
@@ -70,7 +104,7 @@ export default function PastTreatment5(){
                         name="painDuration"
                         sx={{display:'flex', flexDirection:'row'}}
                         onChange={(event) => {
-                          setValues((prevValues) => ({
+                          setPatient((prevValues) => ({
                             ...prevValues,
                             presentProblemBefore: event.target.value,
                           }));
@@ -88,9 +122,9 @@ export default function PastTreatment5(){
                 variant="outlined"
                 label="If yes, when?" 
                 name='treatmentGoal'
-                disabled={values.presentProblemBefore!=='Yes'}
+                disabled={patient.presentProblemBefore!=='Yes'}
                 onChange={(event) => {
-                  setValues((prevValues) => ({
+                  setPatient((prevValues) => ({
                     ...prevValues,
                     ifYespresentProblemBefore: event.target.value,
                   }));
@@ -102,9 +136,9 @@ export default function PastTreatment5(){
                 variant="outlined"
                 label="Was treatment provided?If yes, by whom?" 
                 name='treatmentGoal'
-                disabled={values.presentProblemBefore!=='Yes'}
+                disabled={patient.presentProblemBefore!=='Yes'}
                 onChange={(event) => {
-                  setValues((prevValues) => ({
+                  setPatient((prevValues) => ({
                     ...prevValues,
                     ifYestreatmentProvided: event.target.value,
                   }));
@@ -116,9 +150,9 @@ export default function PastTreatment5(){
                 variant="outlined"
                 label="Outcome?" 
                 name='treatmentGoal'
-                disabled={values.presentProblemBefore!=='Yes'}
+                disabled={patient.presentProblemBefore!=='Yes'}
                 onChange={(event) => {
-                  setValues((prevValues) => ({
+                  setPatient((prevValues) => ({
                     ...prevValues,
                     ifYesOutcome: event.target.value,
                   }));
@@ -134,7 +168,7 @@ export default function PastTreatment5(){
                         name="painDuration"
                         sx={{display:'flex', flexDirection:'row'}}
                         onChange={(event) => {
-                          setValues((prevValues) => ({
+                          setPatient((prevValues) => ({
                             ...prevValues,
                             strokeBloodclotting: event.target.value,
                           }));
@@ -151,9 +185,9 @@ export default function PastTreatment5(){
                 variant="outlined"
                 label="If yes, when?" 
                 name='treatmentGoal'
-                disabled={values.strokeBloodclotting!=='Yes'}
+                disabled={patient.strokeBloodclotting!=='Yes'}
                 onChange={(event) => {
-                  setValues((prevValues) => ({
+                  setPatient((prevValues) => ({
                     ...prevValues,
                     ifYesstrokeBloodclotting: event.target.value,
                   }));
@@ -168,7 +202,7 @@ export default function PastTreatment5(){
                         name="painDuration"
                         sx={{display:'flex', flexDirection:'row'}}
                         onChange={(event) => {
-                          setValues((prevValues) => ({
+                          setPatient((prevValues) => ({
                             ...prevValues,
                             dizzinessFetigue: event.target.value,
                           }));
@@ -185,9 +219,9 @@ export default function PastTreatment5(){
                 variant="outlined"
                 label="If yes, when?" 
                 name='treatmentGoal'
-                disabled={values.dizzinessFetigue!=='Yes'}
+                disabled={patient.dizzinessFetigue!=='Yes'}
                 onChange={(event) => {
-                  setValues((prevValues) => ({
+                  setPatient((prevValues) => ({
                     ...prevValues,
                     ifyesdizzinessFetigue: event.target.value,
                   }));
@@ -202,7 +236,7 @@ export default function PastTreatment5(){
                         name="painDuration"
                         sx={{display:'flex', flexDirection:'row'}}
                         onChange={(event) => {
-                          setValues((prevValues) => ({
+                          setPatient((prevValues) => ({
                             ...prevValues,
                             antiColligent: event.target.value,
                           }));
@@ -221,7 +255,7 @@ export default function PastTreatment5(){
                         name="painDuration"
                         sx={{display:'flex', flexDirection:'row'}}
                         onChange={(event) => {
-                          setValues((prevValues) => ({
+                          setPatient((prevValues) => ({
                             ...prevValues,
                             injuriesHospitalization: event.target.value,
                           }));
@@ -245,7 +279,7 @@ export default function PastTreatment5(){
                 label="" 
                 name='treatmentGoal'
                 onChange={(event) => {
-                  setValues((prevValues) => ({
+                  setPatient((prevValues) => ({
                     ...prevValues,
                     supplementsOrDrugs: event.target.value,
                   }));

src/Components/PatientForm/PatientForm.tsx

@@ -81,6 +81,7 @@ export default function PatientForm(){
     const [section2Data, setSection2Data] = React.useState<any>({});
     const [section3Data, setSection3Data] = React.useState<any>({});
     const [section4Data, setSection4Data] = React.useState<any>({});
+    const [section5Data, setSection5Data] = React.useState<any>({});
 
     const handleFormSection1Data = (
       fullName?: string|undefined,
@@ -196,6 +197,36 @@ export default function PatientForm(){
       })
     }
 
+    const handleFormSection5Data = (
+      generalHealth: string|undefined,
+      presentProblemBefore: string|undefined,
+      ifYespresentProblemBefore:string|undefined,
+      ifYestreatmentProvided: string|undefined,
+      ifYesOutcome: string|undefined,
+      strokeBloodclotting: string|undefined,
+      ifYesstrokeBloodclotting: string|undefined,
+      dizzinessFetigue: string|undefined,
+      ifyesdizzinessFetigue: string|undefined,
+      antiColligent: string|undefined,
+      injuriesHospitalization: string|undefined,
+      supplementsOrDrugs: string|undefined,
+    ) =>{
+      setSection5Data({
+        generalHealth,
+        presentProblemBefore,
+        ifYespresentProblemBefore,
+        ifYestreatmentProvided,
+        ifYesOutcome,
+        strokeBloodclotting,
+        ifYesstrokeBloodclotting,
+        dizzinessFetigue,
+        ifyesdizzinessFetigue,
+        antiColligent,
+        injuriesHospitalization,
+        supplementsOrDrugs,
+      })
+    }
+    
       const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {
         event.preventDefault();
       };
@@ -274,7 +305,7 @@ export default function PatientForm(){
                             </AccordionSummary>
                             
                             <AccordionDetails>
-                                <PastTreatment5/>
+                                <PastTreatment5 handleFormSection5Data={handleFormSection5Data}/>
                             </AccordionDetails>
                         </Accordion>