From a025a32a7f25b7f24116b5858a9e6dee01d99a6a Mon Sep 17 00:00:00 2001 From: sonika <> Date: Mon, 4 Sep 2023 22:23:45 +0530 Subject: [PATCH] section5 data to main --- .../PatientForm/PainAnalysisSection4.tsx | 3 - src/Components/PatientForm/PastTreatment5.tsx | 76 ++++++++++++++----- src/Components/PatientForm/PatientForm.tsx | 33 +++++++- 3 files changed, 87 insertions(+), 25 deletions(-) diff --git a/src/Components/PatientForm/PainAnalysisSection4.tsx b/src/Components/PatientForm/PainAnalysisSection4.tsx index 78e970e..395006e 100644 --- a/src/Components/PatientForm/PainAnalysisSection4.tsx +++ b/src/Components/PatientForm/PainAnalysisSection4.tsx @@ -113,9 +113,6 @@ export default function PainAnalysisSection4({handleFormSection4Data}:Props){ })); }; - - console.log("dskjjfdsgvd",patient) - return( <> diff --git a/src/Components/PatientForm/PastTreatment5.tsx b/src/Components/PatientForm/PastTreatment5.tsx index 4268ffc..b8388c1 100644 --- a/src/Components/PatientForm/PastTreatment5.tsx +++ b/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({ +export default function PastTreatment5({handleFormSection5Data}:Props){ + + const [patient, setPatient] = React.useState({ 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( <>
@@ -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, })); diff --git a/src/Components/PatientForm/PatientForm.tsx b/src/Components/PatientForm/PatientForm.tsx index 87dc51e..b9992aa 100644 --- a/src/Components/PatientForm/PatientForm.tsx +++ b/src/Components/PatientForm/PatientForm.tsx @@ -81,6 +81,7 @@ export default function PatientForm(){ const [section2Data, setSection2Data] = React.useState({}); const [section3Data, setSection3Data] = React.useState({}); const [section4Data, setSection4Data] = React.useState({}); + const [section5Data, setSection5Data] = React.useState({}); const handleFormSection1Data = ( fullName?: string|undefined, @@ -195,6 +196,36 @@ export default function PatientForm(){ selfTreatment, }) } + + 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) => { event.preventDefault(); @@ -274,7 +305,7 @@ export default function PatientForm(){ - +