added patient code status descriptions for ICU beds

ohcnetwork · Jun 3, 2024 · 450316e · 450316e
1 parent fa5e3e6
commit 450316e
Show file tree

Hide file tree

Showing 4 changed files with 34 additions and 6 deletions.
diff --git a/src/Common/constants.tsx b/src/Common/constants.tsx
@@ -392,12 +392,33 @@ export type PatientCategoryID = "Comfort" | "Stable" | "Moderate" | "Critical";
 export const PATIENT_CATEGORIES: {
   id: PatientCategoryID;
   text: PatientCategory;
+  description: string;
   twClass: string;
 }[] = [
-  { id: "Comfort", text: "Comfort Care", twClass: "patient-comfort" },
-  { id: "Stable", text: "Mild", twClass: "patient-stable" },
-  { id: "Moderate", text: "Moderate", twClass: "patient-abnormal" },
-  { id: "Critical", text: "Critical", twClass: "patient-critical" },
+  {
+    id: "Comfort",
+    text: "Comfort Care",
+    twClass: "patient-comfort",
+    description: "End of life care",
+  },
+  {
+    id: "Stable",
+    text: "Mild",
+    twClass: "patient-stable",
+    description: "Urgent: not life-threatening",
+  },
+  {
+    id: "Moderate",
+    text: "Moderate",
+    twClass: "patient-abnormal",
+    description: "Emergency: could be life-threatening",
+  },
+  {
+    id: "Critical",
+    text: "Critical",
+    twClass: "patient-critical",
+    description: "Immediate: life-threatening",
+  },
 ];
 
 export const PATIENT_FILTER_CATEGORIES = PATIENT_CATEGORIES;

diff --git a/src/Components/Facility/ConsultationForm.tsx b/src/Components/Facility/ConsultationForm.tsx
@@ -244,6 +244,7 @@ export const ConsultationForm = ({ facilityId, patientId, id }: Props) => {
   const [isLoading, setIsLoading] = useState(false);
   const [patientName, setPatientName] = useState("");
   const [facilityName, setFacilityName] = useState("");
+  const [patientBed, setPatientBed] = useState<BedModel | null>(null);
   const isUpdate = !!id;
 
   const [currentSection, setCurrentSection] = useState<ConsultationFormSection>(
@@ -353,6 +354,8 @@ export const ConsultationForm = ({ facilityId, patientId, id }: Props) => {
       prefetch: !!(id && ((patientId && patientName) || !patientId)),
       onResponse: ({ data }) => {
         if (!data) return;
+        data.current_bed?.bed_object &&
+          setPatientBed(data.current_bed?.bed_object);
         handleFormFieldChange({
           name: "InvestigationAdvice",
           value:
@@ -1134,6 +1137,7 @@ export const ConsultationForm = ({ facilityId, patientId, id }: Props) => {
                           </p>
                         )
                       }
+                      hideDescription={patientBed?.bed_type !== "ICU"}
                       required
                       label="Category"
                       {...field("category")}

diff --git a/src/Components/Form/FormFields/SelectFormField.tsx b/src/Components/Form/FormFields/SelectFormField.tsx
@@ -5,7 +5,7 @@ import { FormFieldBaseProps, useFormFieldPropsResolver } from "./Utils";
 
 type OptionCallback<T, R> = (option: T) => R;
 
-type SelectFormFieldProps<T, V = T> = FormFieldBaseProps<V> & {
+export type SelectFormFieldProps<T, V = T> = FormFieldBaseProps<V> & {
   placeholder?: React.ReactNode;
   options: readonly T[];
   position?: "above" | "below";

diff --git a/src/Components/Patient/PatientCategorySelect.tsx b/src/Components/Patient/PatientCategorySelect.tsx
@@ -8,7 +8,7 @@ import { FormFieldBaseProps } from "../Form/FormFields/Utils";
  * field.
  */
 export default function PatientCategorySelect(
-  props: FormFieldBaseProps<PatientCategoryID>,
+  props: FormFieldBaseProps<PatientCategoryID> & { hideDescription?: boolean },
 ) {
   return (
     <SelectFormField
@@ -17,6 +17,9 @@ export default function PatientCategorySelect(
       options={PATIENT_CATEGORIES}
       optionValue={(option) => option.id}
       optionLabel={(option) => option.text}
+      optionDescription={
+        props.hideDescription ? undefined : (option) => option.description
+      }
       optionSelectedLabel={(option) => (
         <span className="flex items-center gap-3">
           <div