refactor: Update tooltip position and rotation in PatientNotesSlideov…

…er component
shauryag2002 · Oct 30, 2024 · 39bef8a · 39bef8a
1 parent fb06e6c
commit 39bef8a
Showing 1 changed file with 8 additions and 2 deletions.
diff --git 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>