sonika/patient_Information_reactProject
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

section5 data to main

Browse Source
This commit is contained in:
sonika 2023-09-04 22:23:45 +05:30
parent 3a994d4269
commit a025a32a7f
3 changed files with 87 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/Components/PatientForm/PainAnalysisSection4.tsx
View File

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

76
src/Components/PatientForm/PastTreatment5.tsx
View File

@ -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,
}));

33
src/Components/PatientForm/PatientForm.tsx
View File

@ -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,
@ -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<HTMLFormElement>) => {
event.preventDefault();
@ -274,7 +305,7 @@ export default function PatientForm(){
</AccordionSummary>
<AccordionDetails>
<PastTreatment5/>
<PastTreatment5 handleFormSection5Data={handleFormSection5Data}/>
</AccordionDetails>
</Accordion>