From f306ad77fb082b1ceee116a2f94c2d6eb1f9bbea Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Wed, 2 Aug 2023 19:44:03 +0530
Subject: [PATCH] fix: added tooltip on creation/modified date

---
 frontend/src/pages/Lead.vue | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/frontend/src/pages/Lead.vue b/frontend/src/pages/Lead.vue
index c5952efbf..52df360ed 100644
--- a/frontend/src/pages/Lead.vue
+++ b/frontend/src/pages/Lead.vue
@@ -192,16 +192,18 @@
             </Toggler>
           </div>
         </div>
-        <div class="text-sm px-6 p-3 leading-5 cursor-pointer">
+        <div
+          class="flex items-center gap-1 text-sm px-6 p-3 leading-5 cursor-pointer"
+        >
           <span class="text-gray-600">Created </span>
-          <span :title="dateFormat(lead.doc.creation)">
+          <Tooltip :text="dateFormat(lead.doc.creation, dateTooltipFormat)">
             {{ timeAgo(lead.doc.creation) }}
-          </span>
+          </Tooltip>
           <span>&nbsp;&middot;&nbsp;</span>
           <span class="text-gray-600">Updated </span>
-          <span :title="dateFormat(lead.doc.modified)">
+          <Tooltip :text="dateFormat(lead.doc.modified, dateTooltipFormat)">
             {{ timeAgo(lead.doc.modified) }}
-          </span>
+          </Tooltip>
         </div>
       </div>
     </TabPanels>
@@ -225,6 +227,7 @@ import {
   Autocomplete,
   FormControl,
   Dropdown,
+  Tooltip,
 } from 'frappe-ui'
 import { TransitionPresets, useTransition } from '@vueuse/core'
 import { usersStore } from '@/stores/users'
@@ -436,4 +439,6 @@ const activeAgents = computed(() => {
       }
     })
 })
+
+const dateTooltipFormat = 'dddd, MMMM D, YYYY h:mm A'
 </script>