From ca45d071e730d28be76c09cbf346df2f0e844dd7 Mon Sep 17 00:00:00 2001
From: piyush-3020 <piyush30rathwe@gmail.com>
Date: Mon, 8 Jun 2026 01:00:11 +0530
Subject: [PATCH] Replace native tooltips with Tooltip component

---
 frontend/src/components/DayDetailDrawer.tsx   | 38 ++++++++++---------
 .../methods/VariationNotesPanel.tsx           |  8 ++--
 2 files changed, 25 insertions(+), 21 deletions(-)

diff --git a/frontend/src/components/DayDetailDrawer.tsx b/frontend/src/components/DayDetailDrawer.tsx
index 9f8423a03..88d6a33db 100644
--- a/frontend/src/components/DayDetailDrawer.tsx
+++ b/frontend/src/components/DayDetailDrawer.tsx
@@ -246,24 +246,26 @@ function DayDetailRow({
               {item.event.title}
             </p>
             {item.kind === "external" && (
-              <span title="Linked calendar (read-only)" style={{ color }}>
-                <svg
-                  xmlns="http://www.w3.org/2000/svg"
-                  width="11"
-                  height="11"
-                  viewBox="0 0 24 24"
-                  fill="none"
-                  stroke="currentColor"
-                  strokeWidth="2.5"
-                  strokeLinecap="round"
-                  strokeLinejoin="round"
-                  className="flex-shrink-0"
-                >
-                  <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" />
-                  <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" />
-                </svg>
-              </span>
-            )}
+  <Tooltip label="Linked calendar (read-only)">
+    <span style={{ color }}>
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="11"
+        height="11"
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke="currentColor"
+        strokeWidth="2.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        className="flex-shrink-0"
+      >
+        <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" />
+        <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" />
+      </svg>
+    </span>
+  </Tooltip>
+)}
           </div>
           <p className="text-meta text-foreground-muted mt-0.5">{timeLabel}</p>
           {item.event.location && (
diff --git a/frontend/src/components/methods/VariationNotesPanel.tsx b/frontend/src/components/methods/VariationNotesPanel.tsx
index 3b429e98f..7994c8403 100644
--- a/frontend/src/components/methods/VariationNotesPanel.tsx
+++ b/frontend/src/components/methods/VariationNotesPanel.tsx
@@ -141,9 +141,11 @@ function SaveStatusIndicator({
   }
   if (status === "error") {
     return (
-      <span className="text-meta text-red-600 dark:text-red-300 flex items-center gap-1" title="Will retry on the next edit">
-        Save failed
-      </span>
+      <Tooltip label="Will retry on the next edit">
+  <span className="text-meta text-red-600 dark:text-red-300 flex items-center gap-1">
+    Save failed
+  </span>
+</Tooltip>
     );
   }
   if (hasUnsavedChanges) {