added actively dying

src/Common/constants.tsx

@@ -387,7 +387,12 @@ export const RESPIRATORY_SUPPORT = [
   { id: "NONE", text: "UNKNOWN" },
 ];
 
-export type PatientCategoryID = "Comfort" | "Stable" | "Moderate" | "Critical";
+export type PatientCategoryID =
+  | "Comfort"
+  | "Stable"
+  | "Moderate"
+  | "Critical"
+  | "ActivelyDying";
 
 export const PATIENT_CATEGORIES: {
   id: PatientCategoryID;
@@ -419,6 +424,12 @@ export const PATIENT_CATEGORIES: {
     twClass: "patient-critical",
     description: "Immediate: life-threatening",
   },
+  {
+    id: "ActivelyDying",
+    text: "Actively Dying",
+    twClass: "patient-activelydying",
+    description: "",
+  },
 ];
 
 export const PATIENT_FILTER_CATEGORIES = PATIENT_CATEGORIES;

src/Components/Facility/models.tsx

@@ -97,7 +97,12 @@ export interface OptionsType {
   disabled?: boolean;
 }
 
-export type PatientCategory = "Comfort Care" | "Mild" | "Moderate" | "Critical";
+export type PatientCategory =
+  | "Comfort Care"
+  | "Mild"
+  | "Moderate"
+  | "Critical"
+  | "Actively Dying";
 
 export interface PatientConsentModel {
   id: string;

src/Components/Patient/ManagePatients.tsx

@@ -466,7 +466,9 @@ export const PatientManager = () => {
           <div
             className={`absolute inset-y-0 left-0 flex h-full w-1 items-center rounded-l-lg transition-all duration-200 ease-in-out group-hover:w-5 ${categoryClass}`}
           >
-            <span className="absolute -inset-x-32 inset-y-0 flex -rotate-90 items-center justify-center text-center text-xs font-bold uppercase tracking-widest opacity-0 transition-all duration-200 ease-in-out group-hover:opacity-100">
+            <span
+              className={`absolute -inset-x-32 inset-y-0 flex -rotate-90 items-center justify-center text-center ${category === "Actively Dying" ? "text-[10px]" : "text-xs"} font-bold uppercase tracking-widest opacity-0 transition-all duration-200 ease-in-out group-hover:opacity-100`}
+            >
               {category || "UNKNOWN"}
             </span>
           </div>

src/Components/Patient/PatientCategorySelect.tsx

@@ -14,7 +14,11 @@ export default function PatientCategorySelect(
     <SelectFormField
       {...props}
       required={props.required ?? true}
-      options={PATIENT_CATEGORIES}
+      options={
+        props.value === "Comfort"
+          ? PATIENT_CATEGORIES
+          : PATIENT_CATEGORIES.filter((c) => c.id !== "Comfort")
+      } // Comfort Care is discontinued
       optionValue={(option) => option.id}
       optionLabel={(option) => option.text}
       optionDescription={(option) => option.description}
@@ -28,6 +32,7 @@ export default function PatientCategorySelect(
                 Stable: "bg-patient-stable",
                 Moderate: "bg-patient-abnormal",
                 Critical: "bg-patient-critical",
+                ActivelyDying: "bg-patient-activelydying",
               }[option.id],
             )}
           />

src/Components/Scribe/formDetails.ts

@@ -54,10 +54,12 @@ export const DAILY_ROUND_FORM_SCRIBE_DATA: Field[] = [
     example: "Comfort Care",
     default: "",
     description: "A string to categorize the patient.",
-    options: PATIENT_CATEGORIES.map((category) => ({
-      id: category.id,
-      text: category.text,
-    })),
+    options: PATIENT_CATEGORIES.filter((c) => c.id !== "Comfort").map(
+      (category) => ({
+        id: category.id,
+        text: category.text,
+      }),
+    ),
   },
   {
     friendlyName: "Actions",

src/style/index.css

@@ -712,6 +712,10 @@ button:disabled,
   @apply bg-patient-unknown text-patient-unknown-fore
 }
 
+.patient-activelydying {
+    @apply bg-patient-activelydying text-patient-activelydying-fore
+}
+
 .patient-comfort-ring { 
   @apply ring-patient-comfort
 }
@@ -727,6 +731,9 @@ button:disabled,
 .patient-unknown-ring {
   @apply ring-patient-unknown
 }
+.patient-activelydying-ring {
+    @apply ring-patient-activelydying
+}
 
 .patient-comfort-profile { 
   @apply border-2 border-patient-comfort rounded-t
@@ -743,6 +750,9 @@ button:disabled,
 .patient-unknown-profile {
   @apply border border-patient-unknown rounded
 }
+.patient-activelydying-profile {
+    @apply border-2 border-patient-activelydying rounded-t
+}
 
 /* for gmaps search dropdown */
 .pac-container {

tailwind.config.js

@@ -69,6 +69,10 @@ module.exports = {
             DEFAULT: gray[400],
             fore: gray[800],
           },
+          activelydying: {
+            DEFAULT: colors.red[800],
+            fore: colors.red[100],
+          },
         },
       },
       padding: {