format questionare response

I-TECH-UW · Sep 26, 2023 · 339d652 · 339d652
1 parent 78a7c9f
commit 339d652
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 15 deletions.
diff --git a/frontend/src/components/cytology/CytologyCaseView.js b/frontend/src/components/cytology/CytologyCaseView.js
@@ -39,11 +39,17 @@ export const QuestionnaireResponse = ({ questionnaireResponse }) => {
     return (
       <>
         <div className="questionnaireResponseItem">
-          {item.text}:
-          {item.answer &&
-            item.answer.map((answer, index) => {
-              return <span key={index}>{renderAnswer(answer)}</span>;
-            })}
+          <Grid>
+            <Column lg={6} md={8} sm={4}>
+              <h6> {item.text}:</h6>
+            </Column>
+            <Column lg={10} md={8} sm={4}>
+              {item.answer &&
+                item.answer.map((answer, index) => {
+                  return <Tag key={index}>{renderAnswer(answer)}</Tag>;
+                })}
+            </Column>
+          </Grid>
         </div>
       </>
     );

diff --git a/frontend/src/components/immunohistochemistry/ImmunohistochemistryCaseView.js b/frontend/src/components/immunohistochemistry/ImmunohistochemistryCaseView.js
@@ -38,11 +38,15 @@ export const QuestionnaireResponse = ({ questionnaireResponse }) => {
     return (
       <>
         <div className="questionnaireResponseItem">
-          {item.text}:
-          {item.answer &&
-            item.answer.map((answer, index) => {
-              return <span key={index}>{renderAnswer(answer)}</span>;
-            })}
+          <Grid>
+            <Column lg={6} md={8} sm={4}><h6>{item.text}:</h6> </Column>
+            <Column lg={10} md={8} sm={4}>
+              {item.answer &&
+                item.answer.map((answer, index) => {
+                  return <Tag key={index}>{renderAnswer(answer)}</Tag>;
+                })}
+            </Column>
+          </Grid> 
         </div>
       </>
     );

diff --git a/frontend/src/components/pathology/PathologyCaseView.js b/frontend/src/components/pathology/PathologyCaseView.js
@@ -39,11 +39,17 @@ export const QuestionnaireResponse = ({ questionnaireResponse }) => {
     return (
       <>
         <div className="questionnaireResponseItem">
-          {item.text}:
-          {item.answer &&
-            item.answer.map((answer, index) => {
-              return <span key={index}>{renderAnswer(answer)}</span>;
-            })}
+          <Grid>
+            <Column lg={6} md={8} sm={4}>
+              <h6>{item.text}:</h6>
+            </Column>
+            <Column lg={10} md={8} sm={4}>
+            {item.answer &&
+              item.answer.map((answer, index) => {
+                return <Tag key={index}>{renderAnswer(answer)}</Tag>;
+              })}
+              </Column>
+          </Grid>
         </div>
       </>
     );