other details
This commit is contained in:
sonika
parent
55fd34e511
commit
6cea7aea9d
950
package-lock.json
generated
950
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@ -66,13 +66,13 @@
|
|||||||
]
|
]
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
|
"@babel/plugin-proposal-private-property-in-object": "7.21.11",
|
||||||
"@types/chart.js": "^2.9.37",
|
"@types/chart.js": "^2.9.37",
|
||||||
"@types/leaflet": "^1.9.3",
|
"@types/leaflet": "^1.9.3",
|
||||||
"@types/react-date-range": "^1.4.4",
|
"@types/react-date-range": "^1.4.4",
|
||||||
"@types/react-gauge-chart": "^0.4.0",
|
"@types/react-gauge-chart": "^0.4.0",
|
||||||
"autoprefixer": "^10.4.14",
|
"autoprefixer": "^10.4.14",
|
||||||
"postcss": "^8.4.24",
|
"postcss": "^8.4.24",
|
||||||
"tailwindcss": "^3.3.2",
|
"tailwindcss": "^3.3.2"
|
||||||
"@babel/plugin-proposal-private-property-in-object":"7.21.11"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
165
src/Components/PatientForm/OtherDetails8.tsx
Normal file
165
src/Components/PatientForm/OtherDetails8.tsx
Normal file
@ -0,0 +1,165 @@
|
|||||||
|
import { Grid, FormLabel, TextField, FormControl, RadioGroup, FormControlLabel, Radio } from "@mui/material";
|
||||||
|
import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
|
||||||
|
import React from "react";
|
||||||
|
import { LocalizationProvider, DatePicker } from '@mui/x-date-pickers';
|
||||||
|
import dayjs from "dayjs";
|
||||||
|
|
||||||
|
interface FormValues {
|
||||||
|
familyHistory: string;
|
||||||
|
sleep: string;
|
||||||
|
pillow:string;
|
||||||
|
orthotics:string;
|
||||||
|
brestExam: any;
|
||||||
|
pregnancy:string;
|
||||||
|
menstralCycle: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function OtherDetails8(){
|
||||||
|
const [values, setValues] = React.useState<FormValues>({
|
||||||
|
familyHistory: '',
|
||||||
|
sleep: '',
|
||||||
|
pillow:'',
|
||||||
|
orthotics:'',
|
||||||
|
brestExam: dayjs('2022-04-17'),
|
||||||
|
pregnancy:'',
|
||||||
|
menstralCycle: '',
|
||||||
|
});
|
||||||
|
|
||||||
|
return(
|
||||||
|
<>
|
||||||
|
<Grid container direction="row">
|
||||||
|
<Grid item xs={6} className='collapsable-form-style-multiline'>
|
||||||
|
<FormLabel>Family history and health status:</FormLabel><br></br>
|
||||||
|
<TextField
|
||||||
|
multiline
|
||||||
|
variant="outlined"
|
||||||
|
label=""
|
||||||
|
name='explanation'
|
||||||
|
onChange={(event:any) => {
|
||||||
|
setValues((prevValues) => ({
|
||||||
|
...prevValues,
|
||||||
|
familyHistory: event.target.value,
|
||||||
|
}));
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</Grid>
|
||||||
|
|
||||||
|
<Grid item xs={12} className='collapsable-form-style-radioButtons'>
|
||||||
|
<FormControl>
|
||||||
|
<FormLabel>How do you sleep?</FormLabel>
|
||||||
|
<RadioGroup
|
||||||
|
sx={{display:'flex', flexDirection:'row'}}
|
||||||
|
onChange={(event) => {
|
||||||
|
setValues((prevValues) => ({
|
||||||
|
...prevValues,
|
||||||
|
educationLevel: event.target.value,
|
||||||
|
}));
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<FormControlLabel value="Back" control={<Radio />} label="Back" />
|
||||||
|
<FormControlLabel value="Side" control={<Radio />} label="Side" />
|
||||||
|
<FormControlLabel value="Stomach" control={<Radio />} label="Stomach" />
|
||||||
|
</RadioGroup>
|
||||||
|
</FormControl>
|
||||||
|
</Grid>
|
||||||
|
|
||||||
|
<Grid item xs={12} className='collapsable-form-style-radioButtons'>
|
||||||
|
<FormControl>
|
||||||
|
<FormLabel>Do you use a pillow?</FormLabel>
|
||||||
|
<RadioGroup
|
||||||
|
sx={{display:'flex', flexDirection:'row'}}
|
||||||
|
onChange={(event) => {
|
||||||
|
setValues((prevValues) => ({
|
||||||
|
...prevValues,
|
||||||
|
pillow: event.target.value,
|
||||||
|
}));
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<FormControlLabel value="Yes" control={<Radio />} label="Yes" />
|
||||||
|
<FormControlLabel value="No" control={<Radio />} label="No" />
|
||||||
|
</RadioGroup>
|
||||||
|
</FormControl>
|
||||||
|
</Grid>
|
||||||
|
|
||||||
|
<Grid item xs={12} className='collapsable-form-style-radioButtons'>
|
||||||
|
<FormControl>
|
||||||
|
<FormLabel>Do you wear orthotics or arch support?</FormLabel>
|
||||||
|
<RadioGroup
|
||||||
|
sx={{display:'flex', flexDirection:'row'}}
|
||||||
|
onChange={(event) => {
|
||||||
|
setValues((prevValues) => ({
|
||||||
|
...prevValues,
|
||||||
|
orthotics: event.target.value,
|
||||||
|
}));
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<FormControlLabel value="Yes" control={<Radio />} label="Yes" />
|
||||||
|
<FormControlLabel value="No" control={<Radio />} label="No" />
|
||||||
|
</RadioGroup>
|
||||||
|
</FormControl>
|
||||||
|
</Grid>
|
||||||
|
|
||||||
|
{/* <Grid item xs={12} className='collapsable-form-style-radioButtons'>
|
||||||
|
<FormControl>
|
||||||
|
<FormLabel>Date of last gynecological and brest exam?</FormLabel>
|
||||||
|
<LocalizationProvider dateAdapter={AdapterDayjs}>
|
||||||
|
<DatePicker
|
||||||
|
|
||||||
|
value={values.brestExam}
|
||||||
|
onChange={(event) => {
|
||||||
|
setValues((prevValues) => ({
|
||||||
|
...prevValues,
|
||||||
|
brestExam: event.target.value,
|
||||||
|
}));
|
||||||
|
}}
|
||||||
|
renderInput={(params) => <TextField variant="outlined" {...params} />}
|
||||||
|
/>
|
||||||
|
</LocalizationProvider>
|
||||||
|
</FormControl>
|
||||||
|
</Grid> */}
|
||||||
|
|
||||||
|
<Grid item xs={12} className='collapsable-form-style' sx={{marginTop:3, marginBottom:2}}>
|
||||||
|
<FormLabel sx={{fontWeight:600}}>For X-Ray purposes:</FormLabel>
|
||||||
|
</Grid>
|
||||||
|
|
||||||
|
<Grid item xs={12} className='collapsable-form-style-radioButtons'>
|
||||||
|
<FormControl>
|
||||||
|
<FormLabel>Possible pregnancy?</FormLabel>
|
||||||
|
<RadioGroup
|
||||||
|
sx={{display:'flex', flexDirection:'row'}}
|
||||||
|
onChange={(event) => {
|
||||||
|
setValues((prevValues) => ({
|
||||||
|
...prevValues,
|
||||||
|
orthotics: event.target.value,
|
||||||
|
}));
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<FormControlLabel value="Yes" control={<Radio />} label="Yes" />
|
||||||
|
<FormControlLabel value="No" control={<Radio />} label="No" />
|
||||||
|
</RadioGroup>
|
||||||
|
</FormControl>
|
||||||
|
</Grid>
|
||||||
|
|
||||||
|
<Grid item xs={12} className='collapsable-form-style-radioButtons'>
|
||||||
|
<FormControl>
|
||||||
|
<FormLabel>Date of last menstural cycle?</FormLabel>
|
||||||
|
<RadioGroup
|
||||||
|
sx={{display:'flex', flexDirection:'row'}}
|
||||||
|
onChange={(event) => {
|
||||||
|
setValues((prevValues) => ({
|
||||||
|
...prevValues,
|
||||||
|
orthotics: event.target.value,
|
||||||
|
}));
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<FormControlLabel value="Yes" control={<Radio />} label="Yes" />
|
||||||
|
<FormControlLabel value="No" control={<Radio />} label="No" />
|
||||||
|
</RadioGroup>
|
||||||
|
</FormControl>
|
||||||
|
</Grid>
|
||||||
|
|
||||||
|
|
||||||
|
</Grid>
|
||||||
|
</>
|
||||||
|
)
|
||||||
|
}
|
||||||
@ -18,6 +18,7 @@ import PainAnalysisSection4 from './PainAnalysisSection4';
|
|||||||
import PastTreatment5 from './PastTreatment5';
|
import PastTreatment5 from './PastTreatment5';
|
||||||
import SystemReviewSection6 from './SyestemReviewSection6';
|
import SystemReviewSection6 from './SyestemReviewSection6';
|
||||||
import RecreationalHobbiesSection7 from './RecreationalHobbiesSection7';
|
import RecreationalHobbiesSection7 from './RecreationalHobbiesSection7';
|
||||||
|
import OtherDetails8 from './OtherDetails8';
|
||||||
|
|
||||||
interface Patient {
|
interface Patient {
|
||||||
fullName: string;
|
fullName: string;
|
||||||
@ -191,6 +192,16 @@ export default function PatientForm(){
|
|||||||
</AccordionDetails>
|
</AccordionDetails>
|
||||||
</Accordion>
|
</Accordion>
|
||||||
|
|
||||||
|
<Accordion expanded={expanded === 'panel8'} onChange={handleExpandChange('panel8')}>
|
||||||
|
<AccordionSummary aria-controls="panel8d-content" id="panel8d-header">
|
||||||
|
<Typography sx={{fontSize:18}}>Other Details</Typography>
|
||||||
|
</AccordionSummary>
|
||||||
|
|
||||||
|
<AccordionDetails>
|
||||||
|
<OtherDetails8/>
|
||||||
|
</AccordionDetails>
|
||||||
|
</Accordion>
|
||||||
|
|
||||||
<FormGroup sx={{ marginTop: 3 }}>
|
<FormGroup sx={{ marginTop: 3 }}>
|
||||||
<FormControlLabel
|
<FormControlLabel
|
||||||
required
|
required
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user