From b998f5db92db8949dfeaaf2d72d5850b2cdc5fea Mon Sep 17 00:00:00 2001
From: Raj kumar <150310085+rajku-dev@users.noreply.github.com>
Date: Fri, 10 Jan 2025 23:38:00 +0530
Subject: [PATCH 1/2] Enhance visibility for appointment status badges text
 (#9889)

---
 .../Patient/PatientDetailsTab/Appointments.tsx    | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/components/Patient/PatientDetailsTab/Appointments.tsx b/src/components/Patient/PatientDetailsTab/Appointments.tsx
index cf1da394da3..24bd7b9017e 100644
--- a/src/components/Patient/PatientDetailsTab/Appointments.tsx
+++ b/src/components/Patient/PatientDetailsTab/Appointments.tsx
@@ -38,13 +38,20 @@ export const Appointments = (props: PatientProps) => {
 
   const getStatusBadge = (status: string) => {
     const statusColors: Record<string, string> = {
-      booked: "bg-yellow-100 text-yellow-800",
-      checked_in: "bg-green-100 text-green-800",
-      cancelled: "bg-red-100 text-red-800",
+      booked:
+        "bg-yellow-100 text-yellow-800 hover:bg-yellow-200 hover:text-yellow-900",
+      checked_in:
+        "bg-green-100 text-green-800 hover:bg-green-200 hover:text-green-900",
+      cancelled: "bg-red-100 text-red-800 hover:bg-red-200 hover:text-red-900",
     };
 
     return (
-      <Badge className={statusColors[status] || "bg-gray-100 text-gray-800"}>
+      <Badge
+        className={
+          statusColors[status] ||
+          "bg-gray-100 text-gray-800 hover:bg-gray-200 hover:text-gray-900"
+        }
+      >
         {status.replace("_", " ").toUpperCase()}
       </Badge>
     );

From 35c89cb3b66e088b9d1cf703f92bb0de34775063 Mon Sep 17 00:00:00 2001
From: Jeffrin Jojo <135723871+Jeffrin2005@users.noreply.github.com>
Date: Fri, 10 Jan 2025 23:52:21 +0530
Subject: [PATCH 2/2]  Fix:  hover cursor in encounters (#9891)

---
 src/components/Facility/EncounterCard.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Facility/EncounterCard.tsx b/src/components/Facility/EncounterCard.tsx
index aac4da0da2e..bfa2ab67363 100644
--- a/src/components/Facility/EncounterCard.tsx
+++ b/src/components/Facility/EncounterCard.tsx
@@ -21,7 +21,7 @@ export const EncounterCard = (props: EncounterCardProps) => {
   const { encounter } = props;
   return (
     <>
-      <div className="pb-16 block relative cursor-pointer border-l-2 px-4 border-l-secondary-300 hover:border-primary-500 transition-all before:absolute before:-left-[7px] before:top-0 before:w-3 before:aspect-square before:bg-secondary-400 before:rounded-full hover:before:bg-primary-500 before:transition-all">
+      <div className="pb-16 block relative border-l-2 px-4 border-l-secondary-300 hover:border-primary-500 transition-all before:absolute before:-left-[7px] before:top-0 before:w-3 before:aspect-square before:bg-secondary-400 before:rounded-full hover:before:bg-primary-500 before:transition-all">
         <Badge
           variant={
             completedEncounterStatus.includes(encounter.status)