Css changing
This commit is contained in:
sonika
parent
58e61f0485
commit
15cc1aea16
@ -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'>
|
||||
|
||||
@ -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}
|
||||
|
||||
@ -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}
|
||||
|
||||
@ -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) => {
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
|
||||
@ -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
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user