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

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

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