From 39bef8a117ef7d5fd3f7b176e3c52b58adc4af5c Mon Sep 17 00:00:00 2001
From: Shaurya Gupta <shauryag1000@gmail.com>
Date: Wed, 30 Oct 2024 20:03:10 +0530
Subject: [PATCH] refactor: Update tooltip position and rotation in
 PatientNotesSlideover component

---
 src/components/Facility/PatientNotesSlideover.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/Facility/PatientNotesSlideover.tsx b/src/components/Facility/PatientNotesSlideover.tsx
index 5ff7f6d5da0..2e2fd3846cf 100644
--- a/src/components/Facility/PatientNotesSlideover.tsx
+++ b/src/components/Facility/PatientNotesSlideover.tsx
@@ -161,7 +161,10 @@ export default function PatientNotesSlideover(props: PatientNotesProps) {
           className="tooltip text-lg transition-all delay-150 duration-300 ease-out"
         />
         <span
-          className={`tooltip-text tooltip-${show ? "bottom -translate-x-16" : "top"} text-xs`}
+          className={classNames(
+            "tooltip-text text-xs",
+            show ? "tooltip-bottom -translate-x-16" : "tooltip-top",
+          )}
         >
           {t("minimize")}
         </span>
@@ -175,7 +178,10 @@ export default function PatientNotesSlideover(props: PatientNotesProps) {
           className="tooltip text-lg transition-all delay-150 duration-300 ease-out"
         />
         <span
-          className={`tooltip-text tooltip-${show ? "bottom -translate-x-11" : "top"} text-xs`}
+          className={classNames(
+            "tooltip-text text-xs",
+            show ? "tooltip-bottom -translate-x-11" : "tooltip-top",
+          )}
         >
           {t("close")}
         </span>