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

Injury details and design changes

Browse Source
This commit is contained in:
sonika 2023-08-22 13:26:25 +05:30
parent d172573539
commit 6cfc963130
3 changed files with 198 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/App.css
View File

@ -7,6 +7,7 @@
.collapsable-form-style .MuiInputBase-root { .collapsable-form-style .MuiInputBase-root {
width: 300px !important; width: 300px !important;
margin: 5%; margin: 5%;
height: 50px
} }
.collapsable-form-style label { .collapsable-form-style label {

2
src/Components/PatientForm/MedicalHistorySection3.tsx
View File

@ -164,7 +164,7 @@ export default function MedicalHistoryForm(){
</FormControl> </FormControl>
</Grid> </Grid>
<Grid item xs={12} sx={{paddingLeft:"14px",marginTop:2}} className='collapsable-form-style-radioButtons-fullwidth'> <Grid item xs={12} className='collapsable-form-style-radioButtons-fullwidth'>
<FormControl> <FormControl>
<FormLabel>Who can we thank for referring you to our office:</FormLabel> <FormLabel>Who can we thank for referring you to our office:</FormLabel>
<RadioGroup <RadioGroup

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

@ -4,26 +4,32 @@ import { useFormik } from 'formik';
import * as Yup from 'yup'; import * as Yup from 'yup';
interface FormValues { interface FormValues {
chiefComplaint:string;
painQuality: string[]; painQuality: string[];
painDuration: string; painDuration: string;
currentTreatment: string; currentTreatment: string;
treatmentResults: string; treatmentResults: string;
treatmentGoal: string;
} }
const validationSchema = Yup.object({ const validationSchema = Yup.object({
chiefComplaint:Yup.array().required('Required'),
painQuality: Yup.array().required('Required'), painQuality: Yup.array().required('Required'),
painDuration: Yup.string().required('Required'), painDuration: Yup.string().required('Required'),
currentTreatment: Yup.string().required('Required'), currentTreatment: Yup.string().required('Required'),
treatmentResults: Yup.string().required('Required'), treatmentResults: Yup.string().required('Required'),
treatmentGoal: Yup.string().required('Required'),
}); });
export default function PainAnalysisSection4(){ export default function PainAnalysisSection4(){
const formik = useFormik<FormValues>({ const formik = useFormik<FormValues>({
initialValues:{ initialValues:{
chiefComplaint:'',
painQuality:[], painQuality:[],
painDuration:'', painDuration:'',
currentTreatment:'', currentTreatment:'',
treatmentResults:'' treatmentResults:'',
treatmentGoal:'',
}, },
validationSchema, validationSchema,
onSubmit:(values)=>{ onSubmit:(values)=>{
@ -41,26 +47,44 @@ export default function PainAnalysisSection4(){
return( return(
<> <>
<form onSubmit={formik.handleSubmit}> <form onSubmit={formik.handleSubmit}>
<Grid item xs={12} className='collapsable-form-style '>
<FormLabel sx={{fontWeight:600}}>Issue Details:</FormLabel>
</Grid>
<Grid container direction="row"> <Grid container direction="row">
<Grid item xs={12}> <Grid item xs={4} className='collapsable-form-style'>
<TextField
variant="outlined"
label="How did your Chief complaint start?(ex-fell on ice)"
name='familyphysician'
onChange={formik.handleChange}
value={formik.values.chiefComplaint}
onBlur={formik.handleBlur}
/>
</Grid>
<Grid item xs={12} className='collapsable-form-style-radioButtons-fullwidth'>
<FormControl> <FormControl>
<FormLabel>Pain Quality</FormLabel> <FormLabel>What makes your pain worse?</FormLabel>
<FormGroup> <FormGroup sx={{display:'flex', flexDirection:'row'}}>
<FormControlLabel <FormControlLabel
control={<Checkbox onChange={handlePainQualityChange} name="sharp" />} control={<Checkbox onChange={handlePainQualityChange} name="sharp" />}
label="Sharp" label="Bending"
/> />
<FormControlLabel <FormControlLabel
control={<Checkbox onChange={handlePainQualityChange} name="dull" />} control={<Checkbox onChange={handlePainQualityChange} name="dull" />}
label="Dull" label="Standing"
/> />
<FormControlLabel <FormControlLabel
control={<Checkbox onChange={handlePainQualityChange} name="burning" />} control={<Checkbox onChange={handlePainQualityChange} name="burning" />}
label="Burning" label="Sitting"
/> />
<FormControlLabel <FormControlLabel
control={<Checkbox onChange={handlePainQualityChange} name="aching" />} control={<Checkbox onChange={handlePainQualityChange} name="aching" />}
label="Aching" label="Walking"
/>
<FormControlLabel
control={<Checkbox onChange={handlePainQualityChange} name="aching" />}
label="Others"
/> />
</FormGroup> </FormGroup>
{formik.touched.painQuality && formik.errors.painQuality ? ( {formik.touched.painQuality && formik.errors.painQuality ? (
@ -68,25 +92,181 @@ export default function PainAnalysisSection4(){
) : null} ) : null}
</FormControl> </FormControl>
</Grid> </Grid>
<Grid item xs={12}>
<Grid item xs={12} className='collapsable-form-style-radioButtons-fullwidth'>
<FormControl> <FormControl>
<FormLabel>Pain Duration</FormLabel> <FormLabel>What makes your pain better?</FormLabel>
<FormGroup sx={{display:'flex', flexDirection:'row'}}>
<FormControlLabel
control={<Checkbox onChange={handlePainQualityChange} name="sharp" />}
label="laying down"
/>
<FormControlLabel
control={<Checkbox onChange={handlePainQualityChange} name="dull" />}
label="Standing"
/>
<FormControlLabel
control={<Checkbox onChange={handlePainQualityChange} name="burning" />}
label="Sitting"
/>
<FormControlLabel
control={<Checkbox onChange={handlePainQualityChange} name="aching" />}
label="Walking"
/>
<FormControlLabel
control={<Checkbox onChange={handlePainQualityChange} name="aching" />}
label="Others"
/>
</FormGroup>
{formik.touched.painQuality && formik.errors.painQuality ? (
<div>{formik.errors.painQuality}</div>
) : null}
</FormControl>
</Grid>
<Grid item xs={12} className='collapsable-form-style-radioButtons-fullwidth'>
<FormControl>
<FormLabel>What is the quality of your pain?</FormLabel>
<FormGroup sx={{display:'flex', flexDirection:'row'}}>
<FormControlLabel
control={<Checkbox onChange={handlePainQualityChange} name="sharp" />}
label="Sharp"
/>
<FormControlLabel
control={<Checkbox onChange={handlePainQualityChange} name="dull" />}
label="Dull/Ache"
/>
<FormControlLabel
control={<Checkbox onChange={handlePainQualityChange} name="burning" />}
label="Throbbing"
/>
<FormControlLabel
control={<Checkbox onChange={handlePainQualityChange} name="aching" />}
label="Tingling/Numbness/Burning"
/>
<FormControlLabel
control={<Checkbox onChange={handlePainQualityChange} name="aching" />}
label="Others"
/>
</FormGroup>
{formik.touched.painQuality && formik.errors.painQuality ? (
<div>{formik.errors.painQuality}</div>
) : null}
</FormControl>
</Grid>
<Grid item xs={12} className='collapsable-form-style-radioButtons-fullwidth'>
<FormControl>
<FormLabel>What is the worst time for your pain?</FormLabel>
<FormGroup sx={{display:'flex', flexDirection:'row'}}>
<FormControlLabel
control={<Checkbox onChange={handlePainQualityChange} name="sharp" />}
label="Morning"
/>
<FormControlLabel
control={<Checkbox onChange={handlePainQualityChange} name="dull" />}
label="During day"
/>
<FormControlLabel
control={<Checkbox onChange={handlePainQualityChange} name="burning" />}
label="Evening"
/>
<FormControlLabel
control={<Checkbox onChange={handlePainQualityChange} name="aching" />}
label="Lying in bed"
/>
<FormControlLabel
control={<Checkbox onChange={handlePainQualityChange} name="aching" />}
label="Others"
/>
</FormGroup>
{formik.touched.painQuality && formik.errors.painQuality ? (
<div>{formik.errors.painQuality}</div>
) : null}
</FormControl>
</Grid>
<Grid item xs={12} className='collapsable-form-style-radioButtons-fullwidth'>
<FormControl>
<FormLabel>How much of the day do you experience your chief complaint?</FormLabel>
<RadioGroup <RadioGroup
name="painDuration" name="painDuration"
onChange={formik.handleChange} onChange={formik.handleChange}
value={formik.values.painDuration} value={formik.values.painDuration}
sx={{display:'flex', flexDirection:'row'}}
> >
<FormControlLabel value="<1 week" control={<Radio />} label="<1 week" /> <FormControlLabel value="0-25%" control={<Radio />} label="0-25%" />
<FormControlLabel value="1-4 weeks" control={<Radio />} label="1-4 weeks" /> <FormControlLabel value="25-50%" control={<Radio />} label="25-50%" />
<FormControlLabel value="1-6 months" control={<Radio />} label="1-6 months" /> <FormControlLabel value="50-75%" control={<Radio />} label="50-75%" />
<FormControlLabel value=">6 months" control={<Radio />} label=">6 months" /> <FormControlLabel value="75-100%" control={<Radio />} label="75-100%" />
</RadioGroup> </RadioGroup>
{formik.touched.painDuration && formik.errors.painDuration ? ( {formik.touched.painDuration && formik.errors.painDuration ? (
<div>{formik.errors.painDuration}</div> <div>{formik.errors.painDuration}</div>
) : null} ) : null}
</FormControl> </FormControl>
</Grid> </Grid>
<Grid item xs={12}>
<Grid item xs={12} className='collapsable-form-style-radioButtons-fullwidth'>
<FormControl>
<FormLabel>Has your current complaint caused any of the following?</FormLabel>
<FormGroup sx={{display:'flex', flexDirection:'row'}}>
<FormControlLabel
control={<Checkbox onChange={handlePainQualityChange} name="sharp" />}
label="Muscle weakness"
/>
<FormControlLabel
control={<Checkbox onChange={handlePainQualityChange} name="dull" />}
label="Bowel/Bladder problem"
/>
<FormControlLabel
control={<Checkbox onChange={handlePainQualityChange} name="burning" />}
label="Digestion"
/>
<FormControlLabel
control={<Checkbox onChange={handlePainQualityChange} name="aching" />}
label="Cardiac/Respiratory"
/>
</FormGroup>
{formik.touched.painQuality && formik.errors.painQuality ? (
<div>{formik.errors.painQuality}</div>
) : null}
</FormControl>
</Grid>
<Grid item xs={12} className='collapsable-form-style-radioButtons-fullwidth'>
<FormControl>
<FormLabel>Have you tried any self treatment (ex-ice, heat, excercise) or taken any medication(over the counter or prescription)?</FormLabel>
<RadioGroup
name="painDuration"
onChange={formik.handleChange}
value={formik.values.painDuration}
sx={{display:'flex', flexDirection:'row'}}
>
<FormControlLabel value="yes" control={<Radio />} label="Yes" />
<FormControlLabel value="no" control={<Radio />} label="No" />
</RadioGroup>
{formik.touched.painDuration && formik.errors.painDuration ? (
<div>{formik.errors.painDuration}</div>
) : null}
</FormControl>
</Grid>
<Grid item xs={12} className='collapsable-form-style' sx={{marginTop:3 }}>
<FormLabel sx={{fontWeight:600}}>Expected Treatment Result:</FormLabel>
</Grid>
<Grid item xs={4} className='collapsable-form-style'>
<TextField
variant="outlined"
label="What is your goal from treatment?(ex-play golf without pain)"
name='familyphysician'
onChange={formik.handleChange}
value={formik.values.chiefComplaint}
onBlur={formik.handleBlur}
/>
</Grid>
{/* <Grid item xs={12}>
<TextField <TextField
label="Current Treatment" label="Current Treatment"
name='currentTreatment' name='currentTreatment'
@ -109,7 +289,7 @@ export default function PainAnalysisSection4(){
{formik.touched.treatmentResults && formik.errors.treatmentResults ? ( {formik.touched.treatmentResults && formik.errors.treatmentResults ? (
<div>{formik.errors.treatmentResults}</div> <div>{formik.errors.treatmentResults}</div>
) : null} ) : null}
</Grid> </Grid> */}
</Grid> </Grid>
</form> </form>