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

other details

Browse Source
This commit is contained in:
sonika 2023-08-28 21:16:50 +05:30
parent 55fd34e511
commit 6cea7aea9d
4 changed files with 200 additions and 930 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

950
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

4
package.json
View File

@ -66,13 +66,13 @@
]
},
"devDependencies": {
"@babel/plugin-proposal-private-property-in-object": "7.21.11",
"@types/chart.js": "^2.9.37",
"@types/leaflet": "^1.9.3",
"@types/react-date-range": "^1.4.4",
"@types/react-gauge-chart": "^0.4.0",
"autoprefixer": "^10.4.14",
"postcss": "^8.4.24",
"tailwindcss": "^3.3.2",
"@babel/plugin-proposal-private-property-in-object":"7.21.11"
"tailwindcss": "^3.3.2"
}
}

165
src/Components/PatientForm/OtherDetails8.tsx Normal file
View 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>
</>
)
}

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

@ -18,6 +18,7 @@ import PainAnalysisSection4 from './PainAnalysisSection4';
import PastTreatment5 from './PastTreatment5';
import SystemReviewSection6 from './SyestemReviewSection6';
import RecreationalHobbiesSection7 from './RecreationalHobbiesSection7';
import OtherDetails8 from './OtherDetails8';
interface Patient {
fullName: string;
@ -191,6 +192,16 @@ export default function PatientForm(){
</AccordionDetails>
</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 }}>
<FormControlLabel
required