Update symptoms and problems unavailable data heading (#2420)

* Update symptoms and problems unavailable data to be 1 heading like the others * remove old code
CDCgov · Aug 22, 2024 · a411f83 · a411f83
1 parent 714b338
commit a411f83
Show file tree

Hide file tree

Showing 5 changed files with 51 additions and 17 deletions.
diff --git a/containers/ecr-viewer/src/app/tests/components/Unavailable.test.tsx b/containers/ecr-viewer/src/app/tests/components/Unavailable.test.tsx
@@ -97,8 +97,10 @@ describe("UnavailableInfo", () => {
         socialUnavailableData={socialUnavailability}
         encounterUnavailableData={encounterUnavailableData}
         providerUnavailableData={providerUnavailableData}
-        reasonForVisitUnavailableData={reasonForVisitUnavailableData}
-        activeProblemsUnavailableData={activeProblemsUnavailableData}
+        symptomsProblemsUnavailableData={[
+          ...reasonForVisitUnavailableData,
+          ...activeProblemsUnavailableData,
+        ]}
         immunizationsUnavailableData={immunizationsUnavailableData}
         vitalUnavailableData={vitalUnavailableData}
         treatmentData={treatmentUnavailableData}

diff --git a/containers/ecr-viewer/src/app/tests/components/__snapshots__/AccordionContent.test.tsx.snap b/containers/ecr-viewer/src/app/tests/components/__snapshots__/AccordionContent.test.tsx.snap
@@ -922,6 +922,25 @@ exports[`Snapshot test for Accordion Content Given no data, info message for emp
                 <div
                   class="usa-summary-box__text"
                 >
+                  <div>
+                    <div
+                      class="grid-row"
+                    >
+                      <div
+                        class="data-title"
+                      >
+                        Reason for Visit
+                      </div>
+                      <div
+                        class="grid-col maxw7 text-pre-line text-italic text-base"
+                      >
+                        No data
+                      </div>
+                    </div>
+                    <div
+                      class="section__line_gray"
+                    />
+                  </div>
                   <div>
                     <div
                       class="grid-row"

diff --git a/containers/ecr-viewer/src/app/tests/components/__snapshots__/Unavailable.test.tsx.snap b/containers/ecr-viewer/src/app/tests/components/__snapshots__/Unavailable.test.tsx.snap
@@ -277,6 +277,25 @@ exports[`UnavailableInfo should match snapshot 1`] = `
           <div
             class="usa-summary-box__text"
           >
+            <div>
+              <div
+                class="grid-row"
+              >
+                <div
+                  class="data-title"
+                >
+                  Reason for Visit
+                </div>
+                <div
+                  class="grid-col maxw7 text-pre-line text-italic text-base"
+                >
+                  No data
+                </div>
+              </div>
+              <div
+                class="section__line_gray"
+              />
+            </div>
             <div>
               <div
                 class="grid-row"

diff --git a/containers/ecr-viewer/src/app/view-data/components/AccordionContent.tsx b/containers/ecr-viewer/src/app/view-data/components/AccordionContent.tsx
@@ -183,12 +183,10 @@ const AccordionContent: React.FC<AccordionContainerProps> = ({
               demographicsUnavailableData={demographicsData.unavailableData}
               socialUnavailableData={social_data.unavailableData}
               encounterUnavailableData={encounterData.unavailableData}
-              reasonForVisitUnavailableData={
-                clinicalData.reasonForVisitDetails.unavailableData
-              }
-              activeProblemsUnavailableData={
-                clinicalData.activeProblemsDetails.unavailableData
-              }
+              symptomsProblemsUnavailableData={[
+                ...clinicalData.reasonForVisitDetails.unavailableData,
+                ...clinicalData.activeProblemsDetails.unavailableData,
+              ]}
               providerUnavailableData={providerData.unavailableData}
               vitalUnavailableData={clinicalData.vitalData.unavailableData}
               immunizationsUnavailableData={

diff --git a/containers/ecr-viewer/src/app/view-data/components/UnavailableInfo.tsx b/containers/ecr-viewer/src/app/view-data/components/UnavailableInfo.tsx
@@ -10,8 +10,7 @@ interface UnavailableInfoProps {
   socialUnavailableData: DisplayDataProps[];
   encounterUnavailableData: DisplayDataProps[];
   providerUnavailableData: DisplayDataProps[];
-  reasonForVisitUnavailableData: DisplayDataProps[];
-  activeProblemsUnavailableData: DisplayDataProps[];
+  symptomsProblemsUnavailableData: DisplayDataProps[];
   vitalUnavailableData: DisplayDataProps[];
   treatmentData: DisplayDataProps[];
   clinicalNotesData: DisplayDataProps[];
@@ -26,8 +25,7 @@ interface UnavailableInfoProps {
  * @param props.socialUnavailableData The unavailable social data
  * @param props.encounterUnavailableData The unavailable encounter data
  * @param props.providerUnavailableData The unavailable provider data
- * @param props.reasonForVisitUnavailableData The unavailable reason for visit data
- * @param props.activeProblemsUnavailableData The unavailable active problems data
+ * @param props.symptomsProblemsUnavailableData The unavailable symptoms and problems data
  * @param props.immunizationsUnavailableData The unavailable immunizations data
  * @param props.vitalUnavailableData The unavailable vital data
  * @param props.treatmentData The unavailable treatment data
@@ -40,8 +38,7 @@ const UnavailableInfo: React.FC<UnavailableInfoProps> = ({
   socialUnavailableData,
   encounterUnavailableData,
   providerUnavailableData,
-  reasonForVisitUnavailableData,
-  activeProblemsUnavailableData,
+  symptomsProblemsUnavailableData,
   immunizationsUnavailableData,
   vitalUnavailableData,
   treatmentData,
@@ -79,9 +76,8 @@ const UnavailableInfo: React.FC<UnavailableInfoProps> = ({
         renderSection("Clinical Notes", clinicalNotesData)}
       {providerUnavailableData.length > 0 &&
         renderSection("Provider Details", providerUnavailableData)}
-      {(reasonForVisitUnavailableData?.length > 0 ||
-        activeProblemsUnavailableData?.length > 0) &&
-        renderSection("Symptoms and Problems", activeProblemsUnavailableData)}
+      {symptomsProblemsUnavailableData?.length > 0 &&
+        renderSection("Symptoms and Problems", symptomsProblemsUnavailableData)}
       {vitalUnavailableData?.length > 0 &&
         renderSection("Diagnostics and Vital Signs", vitalUnavailableData)}
       {immunizationsUnavailableData?.length > 0 &&