feat: [#188283234] Enable contextual info in non essential questions

newjersey · Sep 20, 2024 · 1e7d8b9 · 1e7d8b9
1 parent c778661
commit 1e7d8b9
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/content/src/roadmaps/nonEssentialQuestions.json b/content/src/roadmaps/nonEssentialQuestions.json
@@ -47,7 +47,7 @@
     },
     {
       "id": "freestanding-residential-health-care-license",
-      "questionText": "Do you plan to own and/or operate a free-standing residential health care facility?",
+      "questionText": "Do you plan to own and/or operate a `free-standing residential health care facility?|residential-health-care-facility`",
       "addOn": "healthcare-freestanding-facility-license"
     },
     {
@@ -66,4 +66,4 @@
       "id": "electrologist"
     }
   ]
-}
+}
diff --git a/web/public/mgmt/config.yml b/web/public/mgmt/config.yml
@@ -1988,7 +1988,7 @@ collections:
                 widget: string
               - label: Question
                 name: questionText
-                widget: string
+                widget: markdown
               - label: Add On
                 name: addOn
                 widget: "relation"

diff --git a/web/src/components/data-fields/non-essential-questions/NonEssentialQuestion.tsx b/web/src/components/data-fields/non-essential-questions/NonEssentialQuestion.tsx
@@ -1,3 +1,4 @@
+import { Content } from "@/components/Content";
 import { ProfileDataContext } from "@/contexts/profileDataContext";
 import { useConfig } from "@/lib/data-hooks/useConfig";
 import { getNonEssentialQuestionText } from "@/lib/domain-logic/getNonEssentialQuestionText";
@@ -28,7 +29,9 @@ export const NonEssentialQuestion = (props: Props): ReactElement => {
       {nonEssentialQuestionText && (
         <>
           <div className={"margin-top-2"}>
-            <span className={"text-bold"}>{nonEssentialQuestionText}</span>
+            <div className={"text-bold"}>
+              <Content>{nonEssentialQuestionText}</Content>
+            </div>
             <span className={"margin-left-05"}>
               {Config.profileDefaults.fields.nonEssentialQuestions.default.optionalText}
             </span>