From 74f6f6521008da2ca47abee11f03adaeb1c74de9 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Tue, 2 Sep 2025 21:29:11 +0530
Subject: [PATCH] fix: enhance button tooltips and refactor button structure in
 CalendarEventPanel

---
 .../Calendar/CalendarEventPanel.vue           | 37 ++++++++++---------
 1 file changed, 20 insertions(+), 17 deletions(-)

diff --git a/frontend/src/components/Calendar/CalendarEventPanel.vue b/frontend/src/components/Calendar/CalendarEventPanel.vue
index 22091b6f..9775c3f2 100644
--- a/frontend/src/components/Calendar/CalendarEventPanel.vue
+++ b/frontend/src/components/Calendar/CalendarEventPanel.vue
@@ -13,30 +13,33 @@
         {{ __(title) }}
       </div>
       <div class="flex items-center gap-x-1">
-        <Button v-if="mode == 'details'" variant="ghost" @click="editDetails">
-          <template #icon>
-            <EditIcon class="size-4" />
-          </template>
-        </Button>
+        <Button
+          v-if="mode == 'details'"
+          :icon="EditIcon"
+          variant="ghost"
+          :tooltip="__('Edit event')"
+          @click="editDetails"
+        />
         <Button
           v-if="mode === 'edit' || mode === 'details'"
           icon="trash-2"
           variant="ghost"
+          :tooltip="__('Delete event')"
           @click="deleteEvent"
         />
-        <Dropdown
+        <Button
           v-if="mode === 'edit' || mode === 'details'"
-          :options="[
-            {
-              label: __('Duplicate'),
-              icon: 'copy',
-              onClick: duplicateEvent,
-            },
-          ]"
-        >
-          <Button variant="ghost" icon="more-vertical" />
-        </Dropdown>
-        <Button icon="x" variant="ghost" @click="close" />
+          icon="copy"
+          variant="ghost"
+          :tooltip="__('Duplicate event')"
+          @click="duplicateEvent"
+        />
+        <Button
+          icon="x"
+          variant="ghost"
+          :tooltip="__('Close panel')"
+          @click="close"
+        />
       </div>
     </div>