From 15cc1aea1688066fb0ecd2369984a3d036f275e6 Mon Sep 17 00:00:00 2001
From: sonika <>
Date: Wed, 30 Aug 2023 11:05:44 +0530
Subject: [PATCH] Css changing

---
 src/Components/Helper/AddNewTable.tsx         |  2 +-
 .../PatientForm/FamilyFormSection2.tsx        |  9 ++++---
 .../PatientForm/MedicalHistorySection3.tsx    |  2 +-
 src/Components/PatientForm/OtherDetails8.tsx  | 24 +++++++++----------
 src/Components/PatientForm/PastTreatment5.tsx |  9 ++++---
 .../PatientForm/PersonalSection1.tsx          | 16 ++++++-------
 .../RecreationalHobbiesSection7.tsx           | 18 +++++++-------
 7 files changed, 41 insertions(+), 39 deletions(-)

diff --git a/src/Components/Helper/AddNewTable.tsx b/src/Components/Helper/AddNewTable.tsx
index d9dc0cc..d7df8aa 100644
--- a/src/Components/Helper/AddNewTable.tsx
+++ b/src/Components/Helper/AddNewTable.tsx
@@ -55,7 +55,7 @@ const DataTable: React.FC= () => {
 
   return (
     <>
-    <FormLabel>Please enter the details below:</FormLabel><br></br>
+    <FormLabel>If yes, Please enter the details below:</FormLabel><br></br>
     <FormControl>
       <Grid container spacing={1.5} sx={{width:750, marginTop:1}}>
         <Grid item xs={2} className='addNew-form-table-style'>
diff --git a/src/Components/PatientForm/FamilyFormSection2.tsx b/src/Components/PatientForm/FamilyFormSection2.tsx
index abefeeb..8804bfe 100644
--- a/src/Components/PatientForm/FamilyFormSection2.tsx
+++ b/src/Components/PatientForm/FamilyFormSection2.tsx
@@ -89,6 +89,7 @@ export default function FamilyFormSection(){
                 <TextField 
                 
                 variant="outlined" 
+                type="number"
                 label="Number of Children/Ages" 
                 className='collapsable-form-style'
                 name='numberOfChildren'
@@ -142,7 +143,7 @@ export default function FamilyFormSection(){
                 <TextField 
                 variant="outlined" 
                 label="Business Phone" 
-                type="tel" 
+                type="number"
                 className='collapsable-form-style'
                 name='businessPhone'
                 onChange={formik.handleChange}
@@ -183,7 +184,7 @@ export default function FamilyFormSection(){
                   <TextField 
                   variant="outlined" 
                   label="Business Phone" 
-                  type="tel" 
+                  type="number"
                   className='collapsable-form-style'
                   name='spouseBusinessPhone'
                   onChange={formik.handleChange}
@@ -201,6 +202,7 @@ export default function FamilyFormSection(){
                    <TextField 
                    variant="outlined" 
                    label="Emergency Contact" 
+                   type="number"
                    className='collapsable-form-style'
                    name='emergencyContact'
                    onChange={formik.handleChange}
@@ -222,7 +224,8 @@ export default function FamilyFormSection(){
             <Grid item xs={4} className='collapsable-form-style '>
                      <TextField 
                      variant="outlined" 
-                     label="Phone" type="tel" 
+                     type="number"
+                     label="Phone" 
                      className='collapsable-form-style'
                      name='spousePhone'
                      onChange={formik.handleChange}
diff --git a/src/Components/PatientForm/MedicalHistorySection3.tsx b/src/Components/PatientForm/MedicalHistorySection3.tsx
index 97a0828..b402554 100644
--- a/src/Components/PatientForm/MedicalHistorySection3.tsx
+++ b/src/Components/PatientForm/MedicalHistorySection3.tsx
@@ -92,7 +92,7 @@ export default function MedicalHistoryForm(){
                 <TextField 
                 variant="outlined"
                 label="Phone" 
-                type="tel" 
+                type="number"
                 name='physicianphone'
                 onChange={formik.handleChange}
                 value={formik.values.physicianphone}
diff --git a/src/Components/PatientForm/OtherDetails8.tsx b/src/Components/PatientForm/OtherDetails8.tsx
index 40787e4..b121898 100644
--- a/src/Components/PatientForm/OtherDetails8.tsx
+++ b/src/Components/PatientForm/OtherDetails8.tsx
@@ -40,7 +40,7 @@ export default function OtherDetails8(){
     return(
         <>
         <Grid container direction="row">
-        <Grid item xs={6} className='collapsable-form-style-multiline'>
+        <Grid item xs={12} className='collapsable-form-style-multiline'>
           <FormLabel>Family history and health status:</FormLabel><br></br>
                 <TextField 
                 multiline
@@ -56,7 +56,7 @@ export default function OtherDetails8(){
                 />
           </Grid>
 
-        <Grid item xs={12} className='collapsable-form-style-radioButtons'>
+        <Grid item xs={6} className='collapsable-form-style-radioButtons'>
                 <FormControl>
                     <FormLabel>How do you sleep?</FormLabel>
                     <RadioGroup
@@ -75,7 +75,7 @@ export default function OtherDetails8(){
               </FormControl>
           </Grid>
 
-          <Grid item xs={12} className='collapsable-form-style-radioButtons'>
+          <Grid item xs={6} className='collapsable-form-style-radioButtons'>
                 <FormControl>
                     <FormLabel>Do you use a pillow?</FormLabel>
                     <RadioGroup
@@ -93,7 +93,7 @@ export default function OtherDetails8(){
               </FormControl>
           </Grid>
 
-          <Grid item xs={12} className='collapsable-form-style-radioButtons'>
+          <Grid item xs={6} className='collapsable-form-style-radioButtons'>
                 <FormControl>
                     <FormLabel>Do you wear orthotics or arch support?</FormLabel>
                     <RadioGroup
@@ -111,10 +111,10 @@ export default function OtherDetails8(){
               </FormControl>
           </Grid>
 
-          <Grid item xs={12} className='collapsable-form-style-radioButtons'>
-          <FormLabel>Date of last gynecological and brest exam?</FormLabel><br></br>
+          <Grid item xs={6} className='collapsable-form-style-radioButtons'>
+          <FormLabel>Date of last gynecological and brest exam?</FormLabel>
                 <FormControl>
-                    <LocalizationProvider dateAdapter={AdapterDayjs}><br></br>
+                    <LocalizationProvider dateAdapter={AdapterDayjs}>
                     <DatePicker
                     value={values.brestExam}
                     onChange={(event) => {
@@ -130,11 +130,11 @@ export default function OtherDetails8(){
               </FormControl>
           </Grid>
 
-          <Grid item xs={12} className='collapsable-form-style' sx={{marginTop:4, marginBottom:2}}> 
+          {/* <Grid item xs={6} className='collapsable-form-style' sx={{marginTop:4, marginBottom:2}}> 
                 <FormLabel sx={{fontWeight:600}}>For X-Ray purposes:</FormLabel>
-          </Grid>
+          </Grid> */}
 
-          <Grid item xs={12} className='collapsable-form-style-radioButtons'>
+          <Grid item xs={6} className='collapsable-form-style-radioButtons'>
                 <FormControl>
                     <FormLabel>Possible pregnancy?</FormLabel>
                     <RadioGroup
@@ -152,10 +152,10 @@ export default function OtherDetails8(){
               </FormControl>
           </Grid>
 
-          <Grid item xs={12} className='collapsable-form-style-radioButtons'>
+          <Grid item xs={6} className='collapsable-form-style-radioButtons'>
             <FormLabel>Date of last menstrual cycle?</FormLabel><br></br>
                 <FormControl>
-                    <LocalizationProvider dateAdapter={AdapterDayjs}><br></br>
+                    <LocalizationProvider dateAdapter={AdapterDayjs}>
                     <DatePicker
                     value={values.menstralCycle}
                     onChange={(event) => {
diff --git a/src/Components/PatientForm/PastTreatment5.tsx b/src/Components/PatientForm/PastTreatment5.tsx
index 10f93fe..4268ffc 100644
--- a/src/Components/PatientForm/PastTreatment5.tsx
+++ b/src/Components/PatientForm/PastTreatment5.tsx
@@ -233,6 +233,10 @@ export default function PastTreatment5(){
               </FormControl>
           </Grid>
 
+          <Grid item xs={12} sx={{marginLeft:2, marginBottom:3}} >
+                <Table />
+          </Grid>
+
           <Grid item xs={6} className='collapsable-form-style-multiline'>
           <FormLabel>Please list current supplements or drugs you may be taking:</FormLabel>
                 <TextField 
@@ -248,11 +252,6 @@ export default function PastTreatment5(){
                 }}
                 />
             </Grid>
-
-            <Grid item xs={12} >
-                <Table />
-            </Grid>
-
             
       </Grid>
     </form>
diff --git a/src/Components/PatientForm/PersonalSection1.tsx b/src/Components/PatientForm/PersonalSection1.tsx
index 87b2686..0df9c11 100644
--- a/src/Components/PatientForm/PersonalSection1.tsx
+++ b/src/Components/PatientForm/PersonalSection1.tsx
@@ -25,14 +25,14 @@ interface Patient {
     fullName: yup.string().required("Full name is required"),
     homePhone: yup.string().matches(/^\d{10}$/, "Home phone must be 10 digits"),
     cellPhone: yup.string().required("Phone number is required").matches(/^\d{10}$/, "Cell phone must be 10 digits"),
-    email: yup.string().email("Invalid email format").required("Email is required"),
+    email: yup.string().required("Email is required"),
     age: yup.number().positive().integer("Age must be a positive integer").required("Age is required"),
     dateOfBirth: yup.date().required("Date of birth is required"),
     socialSecurityNumber: yup.string().matches(/^\d{9}$/, "Social security number must be 9 digits"),
     mailingAddress: yup.string().required("Mailing address is required"),
     city: yup.string().required("City is required"),
     state: yup.string().required("State is required"),
-    zipCode: yup.string().matches(/^\d{5}$/, "Zip code must be 6 digits").required("Zip code is required")
+    zipCode: yup.string().matches(/^\d{6}$/, "Zip code must be 6 digits").required("Zip code is required")
   });
 
 export default function PersonalSection(){
@@ -78,6 +78,7 @@ export default function PersonalSection(){
       });
     
       const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+        console.log("dsfsdfsdf",event.target.value)
         const { name, value } = event.target;
         setPatient((prevPatient) => ({
           ...prevPatient,
@@ -120,7 +121,7 @@ export default function PersonalSection(){
 
                 <Grid item xs={4} className='collapsable-form-style'>
                 <TextField
-                variant="outlined"
+                    variant="outlined"
                     label="Home Phone Number"
                     name="homePhone"
                     placeholder='Please enter your home phone'
@@ -134,7 +135,6 @@ export default function PersonalSection(){
 
                 <Grid item xs={4} className='collapsable-form-style'>
                 <TextField
-                    required
                     variant="outlined"
                     label="Email"
                     name="email"
@@ -142,8 +142,8 @@ export default function PersonalSection(){
                     value={formik.values.email}
                     onChange={handleChange}
                     onBlur={formik.handleBlur}
-                    error={formik.touched.email && Boolean(formik.errors.email)}
-                    helperText={formik.touched.email && formik.errors.email}
+                    // error={formik.touched.email && Boolean(formik.errors.email)}
+                    // helperText={formik.touched.email && formik.errors.email}
                 />
                 </Grid>
                 <Grid item xs={4} className='collapsable-form-style'>
@@ -212,8 +212,8 @@ export default function PersonalSection(){
                     value={formik.values.state}
                     onChange={formik.handleChange}
                     onBlur={formik.handleBlur}
-                    error={formik.touched.state && Boolean(formik.errors.state)}
-                    helperText={formik.touched.state && formik.errors.state}
+                    // error={formik.touched.state && Boolean(formik.errors.state)}
+                    // helperText={formik.touched.state && formik.errors.state}
                 />
                 </Grid>
 
diff --git a/src/Components/PatientForm/RecreationalHobbiesSection7.tsx b/src/Components/PatientForm/RecreationalHobbiesSection7.tsx
index 1ada2c0..2a860fd 100644
--- a/src/Components/PatientForm/RecreationalHobbiesSection7.tsx
+++ b/src/Components/PatientForm/RecreationalHobbiesSection7.tsx
@@ -47,7 +47,7 @@ export default function RecreationalHobbiesSection7(){
         <>
         
         <Grid container direction="row">
-        <Grid item xs={6} className='collapsable-form-style-multiline'>
+        <Grid item xs={12} className='collapsable-form-style-multiline'>
           <FormLabel>Recreational Activities/Hobbies:</FormLabel><br></br>
                 <TextField 
                 multiline
@@ -84,7 +84,7 @@ export default function RecreationalHobbiesSection7(){
               </FormControl>
           </Grid>
 
-          <Grid item xs={12} className='collapsable-form-style-radioButtons'>
+          <Grid item xs={6} className='collapsable-form-style-radioButtons'>
                 <FormControl>
                     <FormLabel>Do you excercise?</FormLabel>
                     <RadioGroup
@@ -118,7 +118,7 @@ export default function RecreationalHobbiesSection7(){
                 />
             </Grid>
 
-          <Grid item xs={12} className='collapsable-form-style-radioButtons'>
+          <Grid item xs={6} className='collapsable-form-style-radioButtons'>
                 <FormControl>
                     <FormLabel>Use tobacco?</FormLabel>
                     <RadioGroup
@@ -152,7 +152,7 @@ export default function RecreationalHobbiesSection7(){
                 />
             </Grid>
 
-          <Grid item xs={12} className='collapsable-form-style-radioButtons'>
+          <Grid item xs={6} className='collapsable-form-style-radioButtons'>
                 <FormControl>
                     <FormLabel>Consume alcohol?</FormLabel>
                     <RadioGroup
@@ -186,7 +186,7 @@ export default function RecreationalHobbiesSection7(){
                 />
             </Grid>
 
-          <Grid item xs={12} className='collapsable-form-style-radioButtons'>
+          <Grid item xs={6} className='collapsable-form-style-radioButtons'>
                 <FormControl>
                     <FormLabel>Have a healthy diet?</FormLabel>
                     <RadioGroup
@@ -220,7 +220,7 @@ export default function RecreationalHobbiesSection7(){
                 />
           </Grid>
 
-          <Grid item xs={12} className='collapsable-form-style-radioButtons'>
+          <Grid item xs={6} className='collapsable-form-style-radioButtons'>
                 <FormControl>
                     <FormLabel>Get adequate sleep?</FormLabel>
                     <RadioGroup
@@ -254,7 +254,7 @@ export default function RecreationalHobbiesSection7(){
                 />
           </Grid>
 
-          <Grid item xs={12} className='collapsable-form-style-radioButtons'>
+          <Grid item xs={6} className='collapsable-form-style-radioButtons'>
                 <FormControl>
                     <FormLabel>Is Work/School stressful to you?</FormLabel>
                     <RadioGroup
@@ -288,7 +288,7 @@ export default function RecreationalHobbiesSection7(){
                 />
           </Grid>
 
-          <Grid item xs={12} className='collapsable-form-style-radioButtons'>
+          <Grid item xs={6} className='collapsable-form-style-radioButtons'>
                 <FormControl>
                     <FormLabel>Family life stressful to you?</FormLabel>
                     <RadioGroup
@@ -322,7 +322,7 @@ export default function RecreationalHobbiesSection7(){
                 />
           </Grid>
 
-          <Grid item xs={12} className='collapsable-form-style-radioButtons'>
+          <Grid item xs={6} className='collapsable-form-style-radioButtons'>
                 <FormControl>
                     <FormLabel>Use recreational drugs?</FormLabel>
                     <RadioGroup