Improve strength of the caution message for potentially incorrect dis…

…charge dates
ohcnetwork · Jul 16, 2024 · 00be2b6 · 00be2b6
1 parent ae23c51
commit 00be2b6
Showing 1 changed file with 24 additions and 14 deletions.
diff --git a/src/Components/Facility/DischargeModal.tsx b/src/Components/Facility/DischargeModal.tsx
@@ -204,18 +204,18 @@ const DischargeModal = ({
     }));
   };
 
-  const encounterDuration = dayjs
-    .duration(
-      dayjs(
-        preDischargeForm[
-          discharge_reason ===
-          DISCHARGE_REASONS.find((i) => i.text == "Expired")?.id
-            ? "death_datetime"
-            : "discharge_date"
-        ],
-      ).diff(consultationData.encounter_date),
-    )
-    .humanize();
+  const encounterDuration = dayjs.duration(
+    dayjs(
+      preDischargeForm[
+        discharge_reason ===
+        DISCHARGE_REASONS.find((i) => i.text == "Expired")?.id
+          ? "death_datetime"
+          : "discharge_date"
+      ],
+    ).diff(consultationData.encounter_date),
+  );
+
+  const durationNeedsAttention = encounterDuration.asDays() >= 30;
 
   return (
     <DialogModal
@@ -386,9 +386,19 @@ const DischargeModal = ({
       )}
 
       <div className="py-4">
-        <span className="text-gray-700">
+        <span
+          className={
+            durationNeedsAttention ? "text-warning-500" : "text-gray-700"
+          }
+        >
+          {durationNeedsAttention && (
+            <>
+              <CareIcon icon="l-exclamation-triangle" className="text-lg" />
+              <strong> Caution: </strong>
+            </>
+          )}
           {t("encounter_duration_confirmation")}{" "}
-          <strong>{encounterDuration}</strong>.
+          <strong>{encounterDuration.humanize()}</strong>.
         </span>
       </div>
       <div className="cui-form-button-group">