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,
+ }));
+ }}
+ />
+
>
)