From 6cfc9631303f0e65fc48900cc5e23a20c4df4843 Mon Sep 17 00:00:00 2001
From: sonika <>
Date: Tue, 22 Aug 2023 13:26:25 +0530
Subject: [PATCH] Injury details and design changes

---
 src/App.css                                   |   1 +
 .../PatientForm/MedicalHistorySection3.tsx    |   2 +-
 .../PatientForm/PainAnalysisSection4.tsx      | 212 ++++++++++++++++--
 3 files changed, 198 insertions(+), 17 deletions(-)

diff --git a/src/App.css b/src/App.css
index 8328efb..8685c1a 100644
--- a/src/App.css
+++ b/src/App.css
@@ -7,6 +7,7 @@
 .collapsable-form-style .MuiInputBase-root {
     width: 300px !important;
     margin: 5%;
+    height: 50px
 }
 
 .collapsable-form-style label {
diff --git a/src/Components/PatientForm/MedicalHistorySection3.tsx b/src/Components/PatientForm/MedicalHistorySection3.tsx
index 9d360a9..367e42a 100644
--- a/src/Components/PatientForm/MedicalHistorySection3.tsx
+++ b/src/Components/PatientForm/MedicalHistorySection3.tsx
@@ -164,7 +164,7 @@ export default function MedicalHistoryForm(){
             </FormControl>
         </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>
                 <FormLabel>Who can we thank for referring you to our office:</FormLabel>
                 <RadioGroup
diff --git a/src/Components/PatientForm/PainAnalysisSection4.tsx b/src/Components/PatientForm/PainAnalysisSection4.tsx
index 3d09d87..b441cda 100644
--- a/src/Components/PatientForm/PainAnalysisSection4.tsx
+++ b/src/Components/PatientForm/PainAnalysisSection4.tsx
@@ -4,26 +4,32 @@ import { useFormik } from 'formik';
 import * as Yup from 'yup';
 
 interface FormValues {
+    chiefComplaint:string;
     painQuality: string[];
     painDuration: string;
     currentTreatment: string;
     treatmentResults: string;
+    treatmentGoal: string;
   }
   
   const validationSchema = Yup.object({
+    chiefComplaint:Yup.array().required('Required'),
     painQuality: Yup.array().required('Required'),
     painDuration: Yup.string().required('Required'),
     currentTreatment: Yup.string().required('Required'),
     treatmentResults: Yup.string().required('Required'),
+    treatmentGoal: Yup.string().required('Required'),
   });
 
 export default function PainAnalysisSection4(){
     const formik = useFormik<FormValues>({
         initialValues:{
+            chiefComplaint:'',
             painQuality:[],
             painDuration:'',
             currentTreatment:'',
-            treatmentResults:''
+            treatmentResults:'',
+            treatmentGoal:'',
         },
         validationSchema,
         onSubmit:(values)=>{
@@ -41,26 +47,44 @@ export default function PainAnalysisSection4(){
     return(
         <>
         <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 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>
-                    <FormLabel>Pain Quality</FormLabel>
-                    <FormGroup>
+                    <FormLabel>What makes your pain worse?</FormLabel>
+                    <FormGroup sx={{display:'flex', flexDirection:'row'}}>
                         <FormControlLabel
                             control={<Checkbox onChange={handlePainQualityChange} name="sharp" />}
-                            label="Sharp"
+                            label="Bending"
                         />
                         <FormControlLabel
                             control={<Checkbox onChange={handlePainQualityChange} name="dull" />}
-                            label="Dull"
+                            label="Standing"
                         />
                         <FormControlLabel
                             control={<Checkbox onChange={handlePainQualityChange} name="burning" />}
-                            label="Burning"
+                            label="Sitting"
                         />
                         <FormControlLabel
                             control={<Checkbox onChange={handlePainQualityChange} name="aching" />}
-                            label="Aching"
+                            label="Walking"
+                        />
+                        <FormControlLabel
+                            control={<Checkbox onChange={handlePainQualityChange} name="aching" />}
+                            label="Others"
                         />
                     </FormGroup>
                     {formik.touched.painQuality && formik.errors.painQuality ? (
@@ -68,25 +92,181 @@ export default function PainAnalysisSection4(){
                     ) : null}
                 </FormControl>
             </Grid>
-            <Grid item xs={12}>
+
+            <Grid item xs={12} className='collapsable-form-style-radioButtons-fullwidth'>
                 <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
                         name="painDuration"
                         onChange={formik.handleChange}
                         value={formik.values.painDuration}
+                        sx={{display:'flex', flexDirection:'row'}}
                         >
-                        <FormControlLabel value="<1 week" control={<Radio />} label="<1 week" />
-                        <FormControlLabel value="1-4 weeks" control={<Radio />} label="1-4 weeks" />
-                        <FormControlLabel value="1-6 months" control={<Radio />} label="1-6 months" />
-                        <FormControlLabel value=">6 months" control={<Radio />} label=">6 months" />
+                        <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%" />
                     </RadioGroup>
                     {formik.touched.painDuration && formik.errors.painDuration ? (
                         <div>{formik.errors.painDuration}</div>
                     ) : null}
                 </FormControl>
             </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 
                 label="Current Treatment" 
                 name='currentTreatment'
@@ -109,7 +289,7 @@ export default function PainAnalysisSection4(){
                   {formik.touched.treatmentResults && formik.errors.treatmentResults ? (
                     <div>{formik.errors.treatmentResults}</div>
                 ) : null}
-            </Grid>
+            </Grid> */}
         </Grid>
         </form>