Added patient category descriptions for ICU bed patients

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;

src/Components/Facility/ConsultationForm.tsx

@@ -1122,22 +1122,6 @@ export const ConsultationForm = ({ facilityId, patientId, id }: Props) => {
  />
  </div>
  </div>
-
- <div className="col-span-6" ref={fieldRef["category"]}>
- <PatientCategorySelect
- labelSuffix={
- disabledFields.includes("category") && (
- <p className="text-xs font-medium text-warning-500">
- A daily round already exists.
- </p>
- )
- }
- required
- label="Category"
- {...field("category")}
- />
- </div>
-
  <div className="col-span-6" ref={fieldRef["suggestion"]}>
  <SelectFormField
  required
@@ -1291,7 +1275,7 @@ export const ConsultationForm = ({ facilityId, patientId, id }: Props) => {
  </div>
  )}
 
- <div className="col-span-6 mb-6" ref={fieldRef["patient_no"]}>
+ <div className="col-span-6" ref={fieldRef["patient_no"]}>
  <TextFormField
  {...field("patient_no")}
  label={
@@ -1302,6 +1286,25 @@ export const ConsultationForm = ({ facilityId, patientId, id }: Props) => {
  required={state.form.suggestion === "A"}
  />
  </div>
+ <div className="col-span-6 mb-6" ref={fieldRef["category"]}>
+ <PatientCategorySelect
+ labelSuffix={
+ disabledFields.includes("category") && (
+ <p className="text-xs font-medium text-warning-500">
+ A daily round already exists.
+ </p>
+ )
+ }
+ hideDescription={
+ (Array.isArray(bed)
+ ? bed[0].bed_type
+ : bed?.bed_type) !== "ICU"
+ }
+ required
+ label="Category"
+ {...field("category")}
+ />
+ </div>
  </div>
 
  <div className="flex flex-col gap-4 pb-4">

src/Components/Patient/DailyRounds.tsx

@@ -121,6 +121,7 @@ export const DailyRounds = (props: any) => {
  const [isLoading, setIsLoading] = useState(false);
  const [facilityName, setFacilityName] = useState("");
  const [patientName, setPatientName] = useState("");
+ const [bedType, setBedType] = useState<string>("");
  const [consultationSuggestion, setConsultationSuggestion] = useState<any>("");
  const [prevReviewInterval, setPreviousReviewInterval] = useState(-1);
  const [prevAction, setPreviousAction] = useState("NO_ACTION");
@@ -180,6 +181,9 @@ export const DailyRounds = (props: any) => {
  if (data) {
  setPatientName(data.name!);
  setFacilityName(data.facility_object!.name);
+ setBedType(
+ data.last_consultation?.current_bed?.bed_object?.bed_type || "",
+ );
  setConsultationSuggestion(data.last_consultation?.suggestion);
  setDiagnoses(
  data.last_consultation?.diagnoses?.sort(
@@ -206,6 +210,7 @@ export const DailyRounds = (props: any) => {
  };
  }
  } else {
+ setBedType("");
  setPatientName("");
  setFacilityName("");
  }
@@ -517,6 +522,7 @@ export const DailyRounds = (props: any) => {
  <div className="w-full md:w-1/3">
  <PatientCategorySelect
  {...field("patient_category")}
+ hideDescription={bedType !== "ICU"}
  required
  label="Category"
  />

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

src/Components/Patient/ShiftCreate.tsx

@@ -43,6 +43,7 @@ export const ShiftCreate = (props: patientShiftProps) => {
  const { facilityId, patientId } = props;
  const [isLoading, setIsLoading] = useState(false);
  const [patientCategory, setPatientCategory] = useState<any>();
+ const [bedType, setBedType] = useState("");
  const { t } = useTranslation();
  const { wartime_shifting } = useConfig();
 
@@ -120,6 +121,9 @@ export const ShiftCreate = (props: patientShiftProps) => {
  setPatientCategory(
  PATIENT_CATEGORIES.find((c) => c.text === patient_category)?.id,
  );
+ setBedType(
+ data.last_consultation?.current_bed?.bed_object.bed_type || "",
+ );
  }
  },
  });
@@ -331,6 +335,7 @@ export const ShiftCreate = (props: patientShiftProps) => {
  <PatientCategorySelect
  required={true}
  {...field("patient_category")}
+ hideDescription={bedType !== "ICU"}
  value={patientCategory}
  onChange={(e) => setPatientCategory(e.value)}
  label="Patient Category"

src/Components/Shifting/ShiftDetailsUpdate.tsx

@@ -399,6 +399,9 @@ export const ShiftDetailsUpdate = (props: patientShiftProps) => {
  required={true}
  name="patient_category"
  value={state.form.patient_category}
+ hideDescription={
+ consultationData.current_bed?.bed_object.bed_type !== "ICU"
+ }
  onChange={handleFormFieldChange}
  label="Patient Category"
  className="md:col-span-2"