From 175d711abc310b05e0376dfb375fadf211022ee0 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Mon, 19 Feb 2024 14:14:19 +0530
Subject: [PATCH] fix: disabled tooltip from contacts listview

---
 .../src/components/ListViews/ContactsListView.vue  | 14 +++++++++++---
 frontend/src/pages/Contacts.vue                    |  1 +
 frontend/src/pages/Organization.vue                |  2 +-
 3 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/ListViews/ContactsListView.vue b/frontend/src/components/ListViews/ContactsListView.vue
index fe234620..ea3c0781 100644
--- a/frontend/src/components/ListViews/ContactsListView.vue
+++ b/frontend/src/components/ListViews/ContactsListView.vue
@@ -9,6 +9,7 @@
         params: { contactId: row.name },
       }),
       selectable: options.selectable,
+      showTooltip: options.showTooltip,
     }"
     row-key="name"
   >
@@ -45,12 +46,13 @@
               <PhoneIcon class="h-4 w-4" />
             </div>
           </template>
-          <div
+          <Tooltip
+            :text="item.label"
             v-if="['modified', 'creation'].includes(column.key)"
             class="truncate text-base"
           >
             {{ item.timeAgo }}
-          </div>
+          </Tooltip>
           <div v-else-if="column.type === 'Check'">
             <FormControl
               type="checkbox"
@@ -64,7 +66,11 @@
     </ListRows>
     <ListSelectBanner>
       <template #actions="{ selections, unselectAll }">
-        <Button variant="subtle" label="Edit" @click="editValues(selections, unselectAll)">
+        <Button
+          variant="subtle"
+          label="Edit"
+          @click="editValues(selections, unselectAll)"
+        >
           <template #prefix>
             <EditIcon class="h-3 w-3" />
           </template>
@@ -103,6 +109,7 @@ import {
   ListSelectBanner,
   ListRowItem,
   ListFooter,
+  Tooltip,
 } from 'frappe-ui'
 import { ref, watch } from 'vue'
 
@@ -119,6 +126,7 @@ const props = defineProps({
     type: Object,
     default: () => ({
       selectable: true,
+      showTooltip: true,
       totalCount: 0,
       rowCount: 0,
     }),
diff --git a/frontend/src/pages/Contacts.vue b/frontend/src/pages/Contacts.vue
index 16224913..54d40484 100644
--- a/frontend/src/pages/Contacts.vue
+++ b/frontend/src/pages/Contacts.vue
@@ -21,6 +21,7 @@
     :rows="rows"
     :columns="contacts.data.columns"
     :options="{
+      showTooltip: false,
       rowCount: contacts.data.row_count,
       totalCount: contacts.data.total_count,
     }"
diff --git a/frontend/src/pages/Organization.vue b/frontend/src/pages/Organization.vue
index dec6b871..4e57e2a2 100644
--- a/frontend/src/pages/Organization.vue
+++ b/frontend/src/pages/Organization.vue
@@ -191,7 +191,7 @@
           v-if="tab.label === 'Contacts' && rows.length"
           :rows="rows"
           :columns="columns"
-          :options="{ selectable: false }"
+          :options="{ selectable: false, showTooltip: false, }"
         />
         <div
           v-if="!rows.length"