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

section 4 display

Browse Source
This commit is contained in:
sonika 2023-09-05 18:46:41 +05:30
parent 160f98edfb
commit 25befed37c
2 changed files with 46 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -31,10 +31,12 @@ interface Patient {
treatmentGoal: string|undefined, treatmentGoal: string|undefined,
selfTreatment:string|undefined, selfTreatment:string|undefined,
)=> void )=> void
patientDataDiplay:any;
type:string;
} }
export default function PainAnalysisSection4({handleFormSection4Data}:Props){ export default function PainAnalysisSection4({handleFormSection4Data,patientDataDiplay,type}:Props){
const [patient, setPatient] = React.useState<Patient>({ const [patient, setPatient] = React.useState<Patient>({
chiefComplaint:'', chiefComplaint:'',
painWorse:[], painWorse:[],
@ -130,7 +132,8 @@ export default function PainAnalysisSection4({handleFormSection4Data}:Props){
chiefComplaint: e.target.value, chiefComplaint: e.target.value,
})); }));
}} }}
value={patient.chiefComplaint} value={type=='display'?patientDataDiplay.chiefComplaint:patient.chiefComplaint}
disabled={type=='display'}
/> />
</Grid> </Grid>
@ -141,22 +144,27 @@ export default function PainAnalysisSection4({handleFormSection4Data}:Props){
<FormControlLabel <FormControlLabel
control={<Checkbox onChange={handlePainWorseChange} name="Bending" />} control={<Checkbox onChange={handlePainWorseChange} name="Bending" />}
label="Bending" label="Bending"
disabled={type=='display'}
/> />
<FormControlLabel <FormControlLabel
control={<Checkbox onChange={handlePainWorseChange} name="Standing" />} control={<Checkbox onChange={handlePainWorseChange} name="Standing" />}
label="Standing" label="Standing"
disabled={type=='display'}
/> />
<FormControlLabel <FormControlLabel
control={<Checkbox onChange={handlePainWorseChange} name="Sitting" />} control={<Checkbox onChange={handlePainWorseChange} name="Sitting" />}
label="Sitting" label="Sitting"
disabled={type=='display'}
/> />
<FormControlLabel <FormControlLabel
control={<Checkbox onChange={handlePainWorseChange} name="Walking" />} control={<Checkbox onChange={handlePainWorseChange} name="Walking" />}
label="Walking" label="Walking"
disabled={type=='display'}
/> />
<FormControlLabel <FormControlLabel
control={<Checkbox onChange={handlePainWorseChange} name="Others" />} control={<Checkbox onChange={handlePainWorseChange} name="Others" />}
label="Others" label="Others"
disabled={type=='display'}
/> />
</FormGroup> </FormGroup>
@ -170,22 +178,27 @@ export default function PainAnalysisSection4({handleFormSection4Data}:Props){
<FormControlLabel <FormControlLabel
control={<Checkbox onChange={handlePainBetterChange} name="laying down" />} control={<Checkbox onChange={handlePainBetterChange} name="laying down" />}
label="laying down" label="laying down"
disabled={type=='display'}
/> />
<FormControlLabel <FormControlLabel
control={<Checkbox onChange={handlePainBetterChange} name="Standing" />} control={<Checkbox onChange={handlePainBetterChange} name="Standing" />}
label="Standing" label="Standing"
disabled={type=='display'}
/> />
<FormControlLabel <FormControlLabel
control={<Checkbox onChange={handlePainBetterChange} name="Sitting" />} control={<Checkbox onChange={handlePainBetterChange} name="Sitting" />}
label="Sitting" label="Sitting"
disabled={type=='display'}
/> />
<FormControlLabel <FormControlLabel
control={<Checkbox onChange={handlePainBetterChange} name="Walking" />} control={<Checkbox onChange={handlePainBetterChange} name="Walking" />}
label="Walking" label="Walking"
disabled={type=='display'}
/> />
<FormControlLabel <FormControlLabel
control={<Checkbox onChange={handlePainBetterChange} name="Others" />} control={<Checkbox onChange={handlePainBetterChange} name="Others" />}
label="Others" label="Others"
disabled={type=='display'}
/> />
</FormGroup> </FormGroup>
</FormControl> </FormControl>
@ -198,22 +211,27 @@ export default function PainAnalysisSection4({handleFormSection4Data}:Props){
<FormControlLabel <FormControlLabel
control={<Checkbox onChange={handlePainQualityChange} name="sharp" />} control={<Checkbox onChange={handlePainQualityChange} name="sharp" />}
label="Sharp" label="Sharp"
disabled={type=='display'}
/> />
<FormControlLabel <FormControlLabel
control={<Checkbox onChange={handlePainQualityChange} name="Dull/Ache" />} control={<Checkbox onChange={handlePainQualityChange} name="Dull/Ache" />}
label="Dull/Ache" label="Dull/Ache"
disabled={type=='display'}
/> />
<FormControlLabel <FormControlLabel
control={<Checkbox onChange={handlePainQualityChange} name="Throbbing" />} control={<Checkbox onChange={handlePainQualityChange} name="Throbbing" />}
label="Throbbing" label="Throbbing"
disabled={type=='display'}
/> />
<FormControlLabel <FormControlLabel
control={<Checkbox onChange={handlePainQualityChange} name="Tingling/Numbness/Burning" />} control={<Checkbox onChange={handlePainQualityChange} name="Tingling/Numbness/Burning" />}
label="Tingling/Numbness/Burning" label="Tingling/Numbness/Burning"
disabled={type=='display'}
/> />
<FormControlLabel <FormControlLabel
control={<Checkbox onChange={handlePainQualityChange} name="Others" />} control={<Checkbox onChange={handlePainQualityChange} name="Others" />}
label="Others" label="Others"
disabled={type=='display'}
/> />
</FormGroup> </FormGroup>
</FormControl> </FormControl>
@ -226,22 +244,27 @@ export default function PainAnalysisSection4({handleFormSection4Data}:Props){
<FormControlLabel <FormControlLabel
control={<Checkbox onChange={handlePainWorstTimeChange} name="Morning" />} control={<Checkbox onChange={handlePainWorstTimeChange} name="Morning" />}
label="Morning" label="Morning"
disabled={type=='display'}
/> />
<FormControlLabel <FormControlLabel
control={<Checkbox onChange={handlePainWorstTimeChange} name="During day" />} control={<Checkbox onChange={handlePainWorstTimeChange} name="During day" />}
label="During day" label="During day"
disabled={type=='display'}
/> />
<FormControlLabel <FormControlLabel
control={<Checkbox onChange={handlePainWorstTimeChange} name="Evening" />} control={<Checkbox onChange={handlePainWorstTimeChange} name="Evening" />}
label="Evening" label="Evening"
disabled={type=='display'}
/> />
<FormControlLabel <FormControlLabel
control={<Checkbox onChange={handlePainWorstTimeChange} name="Lying in bed" />} control={<Checkbox onChange={handlePainWorstTimeChange} name="Lying in bed" />}
label="Lying in bed" label="Lying in bed"
disabled={type=='display'}
/> />
<FormControlLabel <FormControlLabel
control={<Checkbox onChange={handlePainWorstTimeChange} name="Others" />} control={<Checkbox onChange={handlePainWorstTimeChange} name="Others" />}
label="Others" label="Others"
disabled={type=='display'}
/> />
</FormGroup> </FormGroup>
</FormControl> </FormControl>
@ -258,13 +281,13 @@ export default function PainAnalysisSection4({handleFormSection4Data}:Props){
painDuration: e.target.value, painDuration: e.target.value,
})); }));
}} }}
value={patient.painDuration} value={type=='display'?patientDataDiplay.painDuration:patient.painDuration}
sx={{display:'flex', flexDirection:'row'}} sx={{display:'flex', flexDirection:'row'}}
> >
<FormControlLabel value="0-25%" control={<Radio />} label="0-25%" /> <FormControlLabel disabled={type=='display'} value="0-25%" control={<Radio />} label="0-25%" />
<FormControlLabel value="25-50%" control={<Radio />} label="25-50%" /> <FormControlLabel disabled={type=='display'} value="25-50%" control={<Radio />} label="25-50%" />
<FormControlLabel value="50-75%" control={<Radio />} label="50-75%" /> <FormControlLabel disabled={type=='display'} value="50-75%" control={<Radio />} label="50-75%" />
<FormControlLabel value="75-100%" control={<Radio />} label="75-100%" /> <FormControlLabel disabled={type=='display'} value="75-100%" control={<Radio />} label="75-100%" />
</RadioGroup> </RadioGroup>
</FormControl> </FormControl>
</Grid> </Grid>
@ -276,18 +299,22 @@ export default function PainAnalysisSection4({handleFormSection4Data}:Props){
<FormControlLabel <FormControlLabel
control={<Checkbox onChange={handleCurrentComplaintIssuesTimeChange} name="Muscle weakness" />} control={<Checkbox onChange={handleCurrentComplaintIssuesTimeChange} name="Muscle weakness" />}
label="Muscle weakness" label="Muscle weakness"
disabled={type=='display'}
/> />
<FormControlLabel <FormControlLabel
control={<Checkbox onChange={handleCurrentComplaintIssuesTimeChange} name="Bowel/Bladder problem" />} control={<Checkbox onChange={handleCurrentComplaintIssuesTimeChange} name="Bowel/Bladder problem" />}
label="Bowel/Bladder problem" label="Bowel/Bladder problem"
disabled={type=='display'}
/> />
<FormControlLabel <FormControlLabel
control={<Checkbox onChange={handleCurrentComplaintIssuesTimeChange} name="Digestion" />} control={<Checkbox onChange={handleCurrentComplaintIssuesTimeChange} name="Digestion" />}
label="Digestion" label="Digestion"
disabled={type=='display'}
/> />
<FormControlLabel <FormControlLabel
control={<Checkbox onChange={handleCurrentComplaintIssuesTimeChange} name="Cardiac/Respiratory" />} control={<Checkbox onChange={handleCurrentComplaintIssuesTimeChange} name="Cardiac/Respiratory" />}
label="Cardiac/Respiratory" label="Cardiac/Respiratory"
disabled={type=='display'}
/> />
</FormGroup> </FormGroup>
@ -305,11 +332,11 @@ export default function PainAnalysisSection4({handleFormSection4Data}:Props){
selfTreatment: e.target.value, selfTreatment: e.target.value,
})); }));
}} }}
value={patient.selfTreatment} value={type=='display'?patientDataDiplay.selfTreatment:patient.selfTreatment}
sx={{display:'flex', flexDirection:'row'}} sx={{display:'flex', flexDirection:'row'}}
> >
<FormControlLabel value="yes" control={<Radio />} label="Yes" /> <FormControlLabel disabled={type=='display'} value="yes" control={<Radio />} label="Yes" />
<FormControlLabel value="no" control={<Radio />} label="No" /> <FormControlLabel disabled={type=='display'} value="no" control={<Radio />} label="No" />
</RadioGroup> </RadioGroup>
</FormControl> </FormControl>
</Grid> </Grid>
@ -329,7 +356,8 @@ export default function PainAnalysisSection4({handleFormSection4Data}:Props){
treatmentGoal: e.target.value, treatmentGoal: e.target.value,
})); }));
}} }}
value={patient.treatmentGoal} value={type=='display'?patientDataDiplay.treatmentGoal:patient.treatmentGoal}
disabled={type=='display'}
/> />
</Grid> </Grid>

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

@ -419,9 +419,10 @@ export default function PatientForm({type}:Props){
<AccordionDetails> <AccordionDetails>
<MedicalHistory <MedicalHistory
handleFormSection3Data={handleFormSection3Data}
patientDataDiplay={patientData.medicalHistory} patientDataDiplay={patientData.medicalHistory}
type={type} type={type}
handleFormSection3Data={handleFormSection3Data}/> />
</AccordionDetails> </AccordionDetails>
</Accordion> </Accordion>
@ -442,7 +443,11 @@ export default function PatientForm({type}:Props){
</AccordionSummary> </AccordionSummary>
<AccordionDetails> <AccordionDetails>
<PainAnalysisSection4 handleFormSection4Data={handleFormSection4Data}/> <PainAnalysisSection4
handleFormSection4Data={handleFormSection4Data}
patientDataDiplay={patientData.injuryDetails}
type={type}
/>
</AccordionDetails> </AccordionDetails>
</Accordion> </Accordion>