From 4dcaab9fc208b08cb2aa93369b32a90497eaeba7 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Fri, 12 Jan 2024 11:53:29 +0530
Subject: [PATCH] fix: call makeCall from global store

---
 frontend/src/components/Activities.vue |  2 ++
 frontend/src/pages/Contact.vue         | 18 +++++++++---------
 frontend/src/pages/Deal.vue            |  2 +-
 3 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/frontend/src/components/Activities.vue b/frontend/src/components/Activities.vue
index 02b97c02..37439235 100644
--- a/frontend/src/components/Activities.vue
+++ b/frontend/src/components/Activities.vue
@@ -709,6 +709,7 @@ import {
   startCase,
   taskStatusOptions,
 } from '@/utils'
+import { globalStore } from '@/stores/global'
 import { usersStore } from '@/stores/users'
 import { contactsStore } from '@/stores/contacts'
 import {
@@ -724,6 +725,7 @@ import {
 import { useElementVisibility } from '@vueuse/core'
 import { ref, computed, h, defineModel, markRaw, watch, nextTick } from 'vue'
 
+const { makeCall } = globalStore()
 const { getUser } = usersStore()
 const { getContact } = contactsStore()
 
diff --git a/frontend/src/pages/Contact.vue b/frontend/src/pages/Contact.vue
index 8147e5f1..7f2880e4 100644
--- a/frontend/src/pages/Contact.vue
+++ b/frontend/src/pages/Contact.vue
@@ -70,14 +70,14 @@
               >
                 &middot;
               </span>
-              <Tooltip
-                text="Make Call"
-                v-if="contact.mobile_no"
-                class="flex cursor-pointer items-center gap-1.5"
-                @click="makeCall(contact.mobile_no)"
-              >
-                <PhoneIcon class="h-4 w-4" />
-                <span class="">{{ contact.mobile_no }}</span>
+              <Tooltip text="Make Call" v-if="contact.mobile_no">
+                <div
+                  class="flex cursor-pointer items-center gap-1.5"
+                  @click="makeCall(contact.mobile_no)"
+                >
+                  <PhoneIcon class="h-4 w-4" />
+                  <span class="">{{ contact.mobile_no }}</span>
+                </div>
               </Tooltip>
               <span
                 v-if="contact.mobile_no"
@@ -229,7 +229,7 @@ import { statusesStore } from '@/stores/statuses'
 import { ref, computed, h } from 'vue'
 import { useRouter } from 'vue-router'
 
-const { $dialog } = globalStore()
+const { $dialog, makeCall } = globalStore()
 
 const { getContactByName, contacts } = contactsStore()
 const { getUser } = usersStore()
diff --git a/frontend/src/pages/Deal.vue b/frontend/src/pages/Deal.vue
index 25e4070e..73984da4 100644
--- a/frontend/src/pages/Deal.vue
+++ b/frontend/src/pages/Deal.vue
@@ -310,7 +310,7 @@ import {
 import { ref, computed, h } from 'vue'
 import { useRouter } from 'vue-router'
 
-const { $dialog } = globalStore()
+const { $dialog, makeCall } = globalStore()
 const { getContactByName, contacts } = contactsStore()
 const { organizations, getOrganization } = organizationsStore()
 const { statusOptions, getDealStatus } = statusesStore()