From 87acb33cb1a0b6da43085755c0bc556cc132697c Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Wed, 24 Apr 2024 16:10:28 +0530
Subject: [PATCH] fix: show make call tooltip in contact page if call is
 enabled

---
 frontend/src/pages/Contact.vue | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/frontend/src/pages/Contact.vue b/frontend/src/pages/Contact.vue
index 72385ea2..034689ca 100644
--- a/frontend/src/pages/Contact.vue
+++ b/frontend/src/pages/Contact.vue
@@ -71,18 +71,20 @@
               >
                 &middot;
               </span>
-              <Tooltip
+              <component
+                :is="callEnabled ? Tooltip : 'div'"
                 :text="__('Make Call')"
                 v-if="contact.data.actual_mobile_no"
               >
                 <div
-                  class="flex cursor-pointer items-center gap-1.5"
-                  @click="makeCall(contact.data.actual_mobile_no)"
+                  class="flex items-center gap-1.5"
+                  :class="callEnabled ? 'cursor-pointer' : ''"
+                  @click="callEnabled && makeCall(contact.data.actual_mobile_no)"
                 >
                   <PhoneIcon class="h-4 w-4" />
                   <span class="">{{ contact.data.actual_mobile_no }}</span>
                 </div>
-              </Tooltip>
+              </component>
               <span
                 v-if="contact.data.actual_mobile_no"
                 class="text-3xl leading-[0] text-gray-600"
@@ -232,6 +234,7 @@ import { globalStore } from '@/stores/global.js'
 import { usersStore } from '@/stores/users.js'
 import { organizationsStore } from '@/stores/organizations.js'
 import { statusesStore } from '@/stores/statuses'
+import { callEnabled } from '@/stores/settings'
 import { ref, computed, h } from 'vue'
 import { useRouter } from 'vue-router'