diff --git a/src/App.css b/src/App.css index 6ee3d09..54e53cf 100644 --- a/src/App.css +++ b/src/App.css @@ -10,6 +10,12 @@ height: 50px } +.collapsable-form-style-form7 .MuiInputBase-root { + width: 400px !important; + margin: 5%; + height: 50px +} + .collapsable-form-style-multiline .MuiInputBase-root { width: 400px !important; margin: 5%; @@ -23,6 +29,10 @@ padding: 15px; } +.collapsable-form-style-form7 label { + padding: 20px; +} + .collapsable-form-style-radioButtons{ width: 300px !important; margin: 5%; diff --git a/src/Components/PatientForm/RecreationalHobbiesSection7.tsx b/src/Components/PatientForm/RecreationalHobbiesSection7.tsx index 9e1857b..dd75e82 100644 --- a/src/Components/PatientForm/RecreationalHobbiesSection7.tsx +++ b/src/Components/PatientForm/RecreationalHobbiesSection7.tsx @@ -4,14 +4,22 @@ import React from "react"; interface FormValues { hobbies: string; educationLevel: string; - excercise:string; + excercise: string; + excerciseExplanation: string; tobacco: string; + tobaccoExplanation: string; alcohol: string; + alcoholExplanation: string; healthyDiet: string; + healthyDietExplanation: string; sleep: string; + sleepExplanation: string; workSchool: string; + workSchoolExplanation: string; familyLife: string; + familyLifeExplanation: string; drugs: string; + drugsExplanation:string; } export default function RecreationalHobbiesSection7(){ @@ -19,19 +27,25 @@ export default function RecreationalHobbiesSection7(){ hobbies: '', educationLevel: '', excercise:'', + excerciseExplanation:'', tobacco: '', + tobaccoExplanation:'', alcohol: '', + alcoholExplanation:'', healthyDiet: '', + healthyDietExplanation:'', sleep: '', + sleepExplanation: '', workSchool: '', + workSchoolExplanation:'', familyLife: '', + familyLifeExplanation:'', drugs: '', + drugsExplanation:'' }); return( <> - {/* - Please choose body areas or systems where you may have problems: - */} + Recreational Activities/Hobbies: @@ -69,6 +83,7 @@ export default function RecreationalHobbiesSection7(){ + Do you excercise? @@ -88,6 +103,20 @@ export default function RecreationalHobbiesSection7(){ + + { + setValues((prevValues) => ({ + ...prevValues, + excerciseExplanation: event.target.value, + })); + }} + /> + + Use tobacco? @@ -107,6 +136,20 @@ export default function RecreationalHobbiesSection7(){ + + { + setValues((prevValues) => ({ + ...prevValues, + excerciseExplanation: event.target.value, + })); + }} + /> + + Consume alcohol? @@ -126,6 +169,20 @@ export default function RecreationalHobbiesSection7(){ + + { + setValues((prevValues) => ({ + ...prevValues, + alcoholExplanation: event.target.value, + })); + }} + /> + + Have a healthy diet? @@ -145,6 +202,20 @@ export default function RecreationalHobbiesSection7(){ + + { + setValues((prevValues) => ({ + ...prevValues, + healthyDietExplanation: event.target.value, + })); + }} + /> + + Get adequate sleep? @@ -164,6 +235,20 @@ export default function RecreationalHobbiesSection7(){ + + { + setValues((prevValues) => ({ + ...prevValues, + sleepExplanation: event.target.value, + })); + }} + /> + + Is Work/School stressful to you? @@ -183,6 +268,20 @@ export default function RecreationalHobbiesSection7(){ + + { + setValues((prevValues) => ({ + ...prevValues, + workSchool: event.target.value, + })); + }} + /> + + Family life stressful to you? @@ -202,9 +301,23 @@ export default function RecreationalHobbiesSection7(){ + + { + setValues((prevValues) => ({ + ...prevValues, + familyLifeExplanation: event.target.value, + })); + }} + /> + + - use recreational drugs? + Use recreational drugs? - - - - + + + { + setValues((prevValues) => ({ + ...prevValues, + drugsExplanation: event.target.value, + })); + }} + /> + )