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

form 6

Browse Source
This commit is contained in:
sonika 2023-08-25 01:09:24 +05:30
parent 99e76a04d5
commit f8b9485921
2 changed files with 352 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -16,6 +16,7 @@ import MedicalHistory from './MedicalHistorySection3';
import FamilyFormSection from './FamilyFormSection2';
import PainAnalysisSection4 from './PainAnalysisSection4';
import PastTreatment5 from './PastTreatment5';
import SystemReviewSection6 from './SyestemReviewSection6';
interface Patient {
fullName: string;
@ -169,6 +170,16 @@ export default function PatientForm(){
</AccordionDetails>
</Accordion>
<Accordion expanded={expanded === 'panel6'} onChange={handleExpandChange('panel6')}>
<AccordionSummary aria-controls="panel6d-content" id="panel6d-header">
<Typography sx={{fontSize:18}}>System Review Questions</Typography>
</AccordionSummary>
<AccordionDetails>
<SystemReviewSection6/>
</AccordionDetails>
</Accordion>
<FormGroup sx={{ marginTop: 3 }}>
<FormControlLabel
required

341
src/Components/PatientForm/SyestemReviewSection6.tsx Normal file
View File

@ -0,0 +1,341 @@
import { FormControl, FormControlLabel, FormLabel, Grid, Radio, RadioGroup } from "@mui/material";
import React from "react";
interface FormValues {
eyes: string;
IntestinesBowls: string;
jointsBones:string;
allergies: string;
earsNoseMouth: string;
urinary: string;
skin: string;
psychological: string;
heart: string;
muscles: string;
internalOrgans: string;
gynecological: string;
lungsBreathing: string;
nerves: string;
blood: string;
prostate: string;
}
export default function SystemReviewSection6(){
const [values, setValues] = React.useState<FormValues>({
eyes: '',
IntestinesBowls: '',
jointsBones:'',
allergies: '',
earsNoseMouth: '',
urinary: '',
skin: '',
psychological: '',
heart: '',
muscles: '',
internalOrgans: '',
gynecological: '',
lungsBreathing: '',
nerves: '',
blood: '',
prostate: '',
});
return(
<>
<Grid item xs={12} className='collapsable-form-style '>
<FormLabel sx={{fontWeight:600}}>Please choose body areas or systems where you may have problems:</FormLabel>
</Grid>
<Grid container direction="row">
<Grid item xs={3} className='collapsable-form-style-radioButtons'>
<FormControl>
<FormLabel>Eyes</FormLabel>
<RadioGroup
name="painDuration"
sx={{display:'flex', flexDirection:'row'}}
onChange={(event) => {
setValues((prevValues) => ({
...prevValues,
eyes: event.target.value,
}));
}}
>
<FormControlLabel value="Yes" control={<Radio />} label="Yes" />
<FormControlLabel value="No" control={<Radio />} label="No" />
</RadioGroup>
</FormControl>
</Grid>
<Grid item xs={3} className='collapsable-form-style-radioButtons'>
<FormControl>
<FormLabel>Intestines/Bowls</FormLabel>
<RadioGroup
name="painDuration"
sx={{display:'flex', flexDirection:'row'}}
onChange={(event) => {
setValues((prevValues) => ({
...prevValues,
presentProblemBefore: event.target.value,
}));
}}
>
<FormControlLabel value="Yes" control={<Radio />} label="Yes" />
<FormControlLabel value="No" control={<Radio />} label="No" />
</RadioGroup>
</FormControl>
</Grid>
<Grid item xs={3} className='collapsable-form-style-radioButtons'>
<FormControl>
<FormLabel>Joints/Bones</FormLabel>
<RadioGroup
name="painDuration"
sx={{display:'flex', flexDirection:'row'}}
onChange={(event) => {
setValues((prevValues) => ({
...prevValues,
jointsBones: event.target.value,
}));
}}
>
<FormControlLabel value="Yes" control={<Radio />} label="Yes" />
<FormControlLabel value="No" control={<Radio />} label="No" />
</RadioGroup>
</FormControl>
</Grid>
<Grid item xs={3} className='collapsable-form-style-radioButtons'>
<FormControl>
<FormLabel>Allergies</FormLabel>
<RadioGroup
name="painDuration"
sx={{display:'flex', flexDirection:'row'}}
onChange={(event) => {
setValues((prevValues) => ({
...prevValues,
allergies: event.target.value,
}));
}}
>
<FormControlLabel value="Yes" control={<Radio />} label="Yes" />
<FormControlLabel value="No" control={<Radio />} label="No" />
</RadioGroup>
</FormControl>
</Grid>
<Grid item xs={3} className='collapsable-form-style-radioButtons'>
<FormControl>
<FormLabel>Ears, Nose, Mouth, Throat</FormLabel>
<RadioGroup
name="painDuration"
sx={{display:'flex', flexDirection:'row'}}
onChange={(event) => {
setValues((prevValues) => ({
...prevValues,
earsNoseMouth: event.target.value,
}));
}}
>
<FormControlLabel value="Yes" control={<Radio />} label="Yes" />
<FormControlLabel value="No" control={<Radio />} label="No" />
</RadioGroup>
</FormControl>
</Grid>
<Grid item xs={3} className='collapsable-form-style-radioButtons'>
<FormControl>
<FormLabel>Urinary</FormLabel>
<RadioGroup
name="painDuration"
sx={{display:'flex', flexDirection:'row'}}
onChange={(event) => {
setValues((prevValues) => ({
...prevValues,
urinary: event.target.value,
}));
}}
>
<FormControlLabel value="Yes" control={<Radio />} label="Yes" />
<FormControlLabel value="No" control={<Radio />} label="No" />
</RadioGroup>
</FormControl>
</Grid>
<Grid item xs={3} className='collapsable-form-style-radioButtons'>
<FormControl>
<FormLabel>Skin</FormLabel>
<RadioGroup
name="painDuration"
sx={{display:'flex', flexDirection:'row'}}
onChange={(event) => {
setValues((prevValues) => ({
...prevValues,
skin: event.target.value,
}));
}}
>
<FormControlLabel value="Yes" control={<Radio />} label="Yes" />
<FormControlLabel value="No" control={<Radio />} label="No" />
</RadioGroup>
</FormControl>
</Grid>
<Grid item xs={3} className='collapsable-form-style-radioButtons'>
<FormControl>
<FormLabel>Psychological/Emotional</FormLabel>
<RadioGroup
name="painDuration"
sx={{display:'flex', flexDirection:'row'}}
onChange={(event) => {
setValues((prevValues) => ({
...prevValues,
psychological: event.target.value,
}));
}}
>
<FormControlLabel value="Yes" control={<Radio />} label="Yes" />
<FormControlLabel value="No" control={<Radio />} label="No" />
</RadioGroup>
</FormControl>
</Grid>
<Grid item xs={3} className='collapsable-form-style-radioButtons'>
<FormControl>
<FormLabel>Heart</FormLabel>
<RadioGroup
name="painDuration"
sx={{display:'flex', flexDirection:'row'}}
onChange={(event) => {
setValues((prevValues) => ({
...prevValues,
heart: event.target.value,
}));
}}
>
<FormControlLabel value="Yes" control={<Radio />} label="Yes" />
<FormControlLabel value="No" control={<Radio />} label="No" />
</RadioGroup>
</FormControl>
</Grid>
<Grid item xs={3} className='collapsable-form-style-radioButtons'>
<FormControl>
<FormLabel>Muscles</FormLabel>
<RadioGroup
name="painDuration"
sx={{display:'flex', flexDirection:'row'}}
onChange={(event) => {
setValues((prevValues) => ({
...prevValues,
muscles: event.target.value,
}));
}}
>
<FormControlLabel value="Yes" control={<Radio />} label="Yes" />
<FormControlLabel value="No" control={<Radio />} label="No" />
</RadioGroup>
</FormControl>
</Grid>
<Grid item xs={3} className='collapsable-form-style-radioButtons'>
<FormControl>
<FormLabel>Internal Organs</FormLabel>
<RadioGroup
name="painDuration"
sx={{display:'flex', flexDirection:'row'}}
onChange={(event) => {
setValues((prevValues) => ({
...prevValues,
internalOrgans: event.target.value,
}));
}}
>
<FormControlLabel value="Yes" control={<Radio />} label="Yes" />
<FormControlLabel value="No" control={<Radio />} label="No" />
</RadioGroup>
</FormControl>
</Grid>
<Grid item xs={3} className='collapsable-form-style-radioButtons'>
<FormControl>
<FormLabel>Gynecological menstrual/Brest</FormLabel>
<RadioGroup
name="painDuration"
sx={{display:'flex', flexDirection:'row'}}
onChange={(event) => {
setValues((prevValues) => ({
...prevValues,
gynecological: event.target.value,
}));
}}
>
<FormControlLabel value="Yes" control={<Radio />} label="Yes" />
<FormControlLabel value="No" control={<Radio />} label="No" />
</RadioGroup>
</FormControl>
</Grid>
<Grid item xs={3} className='collapsable-form-style-radioButtons'>
<FormControl>
<FormLabel>Lungs/Breathing</FormLabel>
<RadioGroup
name="painDuration"
sx={{display:'flex', flexDirection:'row'}}
onChange={(event) => {
setValues((prevValues) => ({
...prevValues,
lungsBreathing: event.target.value,
}));
}}
>
<FormControlLabel value="Yes" control={<Radio />} label="Yes" />
<FormControlLabel value="No" control={<Radio />} label="No" />
</RadioGroup>
</FormControl>
</Grid>
<Grid item xs={3} className='collapsable-form-style-radioButtons'>
<FormControl>
<FormLabel>Nerves</FormLabel>
<RadioGroup
name="painDuration"
sx={{display:'flex', flexDirection:'row'}}
onChange={(event) => {
setValues((prevValues) => ({
...prevValues,
nerves: event.target.value,
}));
}}
>
<FormControlLabel value="Yes" control={<Radio />} label="Yes" />
<FormControlLabel value="No" control={<Radio />} label="No" />
</RadioGroup>
</FormControl>
</Grid>
<Grid item xs={3} className='collapsable-form-style-radioButtons'>
<FormControl>
<FormLabel>Blood</FormLabel>
<RadioGroup
name="painDuration"
sx={{display:'flex', flexDirection:'row'}}
onChange={(event) => {
setValues((prevValues) => ({
...prevValues,
blood: event.target.value,
}));
}}
>
<FormControlLabel value="Yes" control={<Radio />} label="Yes" />
<FormControlLabel value="No" control={<Radio />} label="No" />
</RadioGroup>
</FormControl>
</Grid>
<Grid item xs={3} className='collapsable-form-style-radioButtons'>
<FormControl>
<FormLabel>Prostate/Testicular/Penile</FormLabel>
<RadioGroup
name="painDuration"
sx={{display:'flex', flexDirection:'row'}}
onChange={(event) => {
setValues((prevValues) => ({
...prevValues,
prostate: event.target.value,
}));
}}
>
<FormControlLabel value="Yes" control={<Radio />} label="Yes" />
<FormControlLabel value="No" control={<Radio />} label="No" />
</RadioGroup>
</FormControl>
</Grid>
</Grid>
</>
)
}