From 78402aaefa8bda77b15c3bc0c5f89c321a5b1095 Mon Sep 17 00:00:00 2001
From: sonika <>
Date: Sat, 26 Aug 2023 13:52:14 +0530
Subject: [PATCH] form 6

---
 src/App.css                                   |  2 +-
 .../PatientForm/SyestemReviewSection6.tsx     | 19 ++++++++++++++++++-
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/App.css b/src/App.css
index 5c86565..6ee3d09 100644
--- a/src/App.css
+++ b/src/App.css
@@ -11,7 +11,7 @@
 }
 
 .collapsable-form-style-multiline .MuiInputBase-root {
-    width: 300px !important;
+    width: 400px !important;
     margin: 5%;
     min-height: 100px
 }
diff --git a/src/Components/PatientForm/SyestemReviewSection6.tsx b/src/Components/PatientForm/SyestemReviewSection6.tsx
index d2dd0e9..43e5089 100644
--- a/src/Components/PatientForm/SyestemReviewSection6.tsx
+++ b/src/Components/PatientForm/SyestemReviewSection6.tsx
@@ -1,4 +1,4 @@
-import { FormControl, FormControlLabel, FormLabel, Grid, Radio, RadioGroup } from "@mui/material";
+import { FormControl, FormControlLabel, FormLabel, Grid, Radio, RadioGroup, TextField } from "@mui/material";
 import React from "react";
 
 interface FormValues {
@@ -18,6 +18,7 @@ interface FormValues {
     nerves: string;
     blood: string;
     prostate: string;
+    explanation:string;
   }
 
 export default function SystemReviewSection6(){
@@ -38,6 +39,7 @@ export default function SystemReviewSection6(){
         nerves: '',
         blood: '',
         prostate: '',
+        explanation:'',
       });
     return(
         <>
@@ -334,6 +336,21 @@ export default function SystemReviewSection6(){
                     </RadioGroup>
               </FormControl>
           </Grid>
+          <Grid item xs={6} className='collapsable-form-style-multiline'>
+          <FormLabel>Please explain your check marks:</FormLabel>
+                <TextField 
+                multiline
+                variant="outlined"
+                label="" 
+                name='explanation'
+                onChange={(event:any) => {
+                  setValues((prevValues) => ({
+                    ...prevValues,
+                    explanation: event.target.value,
+                  }));
+                }}
+                />
+            </Grid>
             
         </Grid>
         </>