From d6f5230fd6a5f774e9a14665d6686604ad65c23f Mon Sep 17 00:00:00 2001
From: rithviknishad <mail@rithviknishad.dev>
Date: Mon, 29 Apr 2024 15:43:05 +0530
Subject: [PATCH] Fixes #6684; Adds IP Days chip for admission encounters

---
 src/Components/Patient/ManagePatients.tsx  | 10 ++++++++++
 src/Components/Patient/PatientInfoCard.tsx | 21 +++++++++++++++++++++
 2 files changed, 31 insertions(+)

diff --git a/src/Components/Patient/ManagePatients.tsx b/src/Components/Patient/ManagePatients.tsx
index 35a5bbfea0..894cea89e6 100644
--- a/src/Components/Patient/ManagePatients.tsx
+++ b/src/Components/Patient/ManagePatients.tsx
@@ -577,6 +577,16 @@ export const PatientManager = () => {
                       text="Readmission"
                     />
                   )}
+                  {patient.last_consultation?.suggestion === "A" &&
+                    patient.last_consultation.facility === patient.facility &&
+                    !patient.last_consultation.discharge_date && (
+                      <Chip
+                        size="small"
+                        variant="primary"
+                        startIcon="l-clock-three"
+                        text={`IP Days: ${dayjs().diff(patient.last_consultation.encounter_date, "day")}`}
+                      />
+                    )}
                   {patient.disease_status === "POSITIVE" && (
                     <Chip
                       size="small"
diff --git a/src/Components/Patient/PatientInfoCard.tsx b/src/Components/Patient/PatientInfoCard.tsx
index cb73739b3b..9ceb43ca0b 100644
--- a/src/Components/Patient/PatientInfoCard.tsx
+++ b/src/Components/Patient/PatientInfoCard.tsx
@@ -470,6 +470,27 @@ export default function PatientInfoCard(props: {
           className="col-span-2 flex w-full flex-col items-center justify-center gap-2 px-4 py-1 lg:col-span-1 2xl:flex-row"
           id="consultation-buttons"
         >
+          {consultation?.suggestion === "A" && (
+            <div className="flex flex-col items-center">
+              <div className="col-span-1 flex w-full justify-center bg-white px-4 lg:flex-row">
+                <div
+                  className={
+                    "flex h-7 w-7 items-center justify-center rounded-full border-2"
+                  }
+                >
+                  <span className="text-sm font-semibold">
+                    {dayjs(consultation.discharge_date || undefined).diff(
+                      consultation.encounter_date,
+                      "day",
+                    )}
+                  </span>
+                </div>
+              </div>
+              <span className="mt-1 text-xs font-medium text-gray-700">
+                IP Days
+              </span>
+            </div>
+          )}
           {consultation?.last_daily_round && (
             <div className="col-span-1 flex w-full justify-center bg-white px-4 lg:flex-row">
               <Mews dailyRound={consultation?.last_daily_round} />