From f0514f1a2174095a18cff55a8a810628b97d0b1f Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Wed, 30 Aug 2023 14:34:50 +0530
Subject: [PATCH] fix: send email button on empty state email tab

---
 frontend/src/components/Activities.vue        | 8 +++++++-
 frontend/src/components/CommunicationArea.vue | 6 +++---
 frontend/src/pages/Deal.vue                   | 2 ++
 frontend/src/pages/Lead.vue                   | 2 ++
 4 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/Activities.vue b/frontend/src/components/Activities.vue
index c53c2a2d..e989a301 100644
--- a/frontend/src/components/Activities.vue
+++ b/frontend/src/components/Activities.vue
@@ -244,6 +244,12 @@
       label="Create note"
       @click="emit('makeNote')"
     />
+    <Button
+      v-else-if="title == 'Emails'"
+      variant="solid"
+      label="Send email"
+      @click="emit('setFocusOnEmail')"
+    />
   </div>
 </template>
 <script setup>
@@ -271,7 +277,7 @@ const props = defineProps({
   },
 })
 
-const emit = defineEmits(['makeCall', 'makeNote', 'deleteNote'])
+const emit = defineEmits(['makeCall', 'makeNote', 'deleteNote', 'setFocusOnEmail'])
 
 const activities = computed(() => {
   if (props.title == 'Calls') {
diff --git a/frontend/src/components/CommunicationArea.vue b/frontend/src/components/CommunicationArea.vue
index 079c9ecc..f6884cdb 100644
--- a/frontend/src/components/CommunicationArea.vue
+++ b/frontend/src/components/CommunicationArea.vue
@@ -1,6 +1,7 @@
 <template>
   <div class="max-w-[81.7%] pl-16 p-4 pt-2">
     <button
+      ref="sendEmailRef"
       class="flex gap-2 w-full items-center rounded-lg p-2 bg-gray-100 hover:bg-gray-200"
       @click="showCommunicationBox = true"
       v-show="!showCommunicationBox"
@@ -58,6 +59,7 @@ const { getUser } = usersStore()
 const showCommunicationBox = ref(false)
 const newEmail = ref('')
 const newEmailEditor = ref(null)
+const sendEmailRef = ref(null)
 
 watch(
   () => showCommunicationBox.value,
@@ -99,7 +101,5 @@ async function submitComment() {
   modelValue.value.reload()
 }
 
-function openPhoneCallDialog() {
-  //
-}
+defineExpose({ el: sendEmailRef })
 </script>
diff --git a/frontend/src/pages/Deal.vue b/frontend/src/pages/Deal.vue
index a777376a..9d25aee3 100644
--- a/frontend/src/pages/Deal.vue
+++ b/frontend/src/pages/Deal.vue
@@ -76,10 +76,12 @@
               @makeCall="makeCall(deal.data.mobile_no)"
               @makeNote="(e) => showNote(e)"
               @deleteNote="(e) => deleteNote(e)"
+              @setFocusOnEmail="() => $refs.sendEmailRef.el.click()"
             />
           </TabPanel>
         </TabPanels>
         <CommunicationArea
+          ref="sendEmailRef"
           v-if="[0, 1].includes(selectedIndex)"
           v-model="deal"
         />
diff --git a/frontend/src/pages/Lead.vue b/frontend/src/pages/Lead.vue
index 1dc4fb18..bdc5d89d 100644
--- a/frontend/src/pages/Lead.vue
+++ b/frontend/src/pages/Lead.vue
@@ -79,10 +79,12 @@
               @makeCall="makeCall(lead.data.mobile_no)"
               @makeNote="(e) => showNote(e)"
               @deleteNote="(e) => deleteNote(e)"
+              @setFocusOnEmail="() => $refs.sendEmailRef.el.click()"
             />
           </TabPanel>
         </TabPanels>
         <CommunicationArea
+          ref="sendEmailRef"
           v-if="[0, 1].includes(selectedIndex)"
           v-model="lead"
         />