From a6e05c2a65315b6b59ca30e0c0b862ef3f7ce101 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Thu, 24 Jul 2025 12:47:14 +0530
Subject: [PATCH 1/2] fix: update label for call log actions to "Log a Call"

(cherry picked from commit 742bd6e213a9397d2ec35357ea15f35483141ae0)
---
 frontend/src/components/Activities/Activities.vue     | 2 +-
 frontend/src/components/Activities/ActivityHeader.vue | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/Activities/Activities.vue b/frontend/src/components/Activities/Activities.vue
index e13095aa..e0b6b2f0 100644
--- a/frontend/src/components/Activities/Activities.vue
+++ b/frontend/src/components/Activities/Activities.vue
@@ -792,7 +792,7 @@ function scroll(hash) {
 const callActions = computed(() => {
   let actions = [
     {
-      label: __('Create Call Log'),
+      label: __('Log a Call'),
       onClick: () => modalRef.value.createCallLog(),
     },
     {
diff --git a/frontend/src/components/Activities/ActivityHeader.vue b/frontend/src/components/Activities/ActivityHeader.vue
index ca4bc03c..b566d189 100644
--- a/frontend/src/components/Activities/ActivityHeader.vue
+++ b/frontend/src/components/Activities/ActivityHeader.vue
@@ -134,7 +134,7 @@ const defaultActions = computed(() => {
     },
     {
       icon: h(PhoneIcon, { class: 'h-4 w-4' }),
-      label: __('Create Call Log'),
+      label: __('Log a Call'),
       onClick: () => props.modalRef.createCallLog(),
     },
     {
@@ -177,7 +177,7 @@ function getTabIndex(name) {
 const callActions = computed(() => {
   let actions = [
     {
-      label: __('Create Call Log'),
+      label: __('Log a Call'),
       icon: 'plus',
       onClick: () => props.modalRef.createCallLog(),
     },

From 01418c43f624b54492497112a1793798b0d9de88 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Thu, 24 Jul 2025 13:10:58 +0530
Subject: [PATCH 2/2] refactor: MultiActionButton dropdown

(cherry picked from commit b1d90952c4b8f3d149a862d186b4e8bc8e00c797)
---
 frontend/src/components/MultiActionButton.vue | 34 ++++++++++---------
 1 file changed, 18 insertions(+), 16 deletions(-)

diff --git a/frontend/src/components/MultiActionButton.vue b/frontend/src/components/MultiActionButton.vue
index a5cb6ae2..1c77f353 100644
--- a/frontend/src/components/MultiActionButton.vue
+++ b/frontend/src/components/MultiActionButton.vue
@@ -25,25 +25,22 @@
       </template>
     </Button>
     <Dropdown
-      v-show="showDropdown"
+      v-if="showDropdown"
       :options="parsedOptions"
       size="sm"
-      class="flex-1 [&>div>div>div]:w-full"
       placement="right"
-    >
-      <template v-slot="{ togglePopover }">
-        <Button
-          :variant="$attrs.variant"
-          @click="togglePopover"
-          icon="chevron-down"
-          class="!w-6 justify-start rounded-bl-none rounded-tl-none border-0 pr-0 text-xs"
-        />
-      </template>
-    </Dropdown>
+      :button="{
+        icon: 'chevron-down',
+        variant: $attrs.variant,
+        size: $attrs.size,
+        class:
+          '!w-6 justify-start rounded-bl-none rounded-tl-none border-0 pr-0 text-xs',
+      }"
+    />
   </div>
 </template>
 <script setup>
-import { Dropdown } from 'frappe-ui'
+import { DropdownOption } from '@/utils'
 import { computed, ref } from 'vue'
 
 const props = defineProps({
@@ -57,13 +54,18 @@ const showDropdown = ref(props.options?.length > 1)
 const activeButton = ref(props.options?.[0] || {})
 
 const parsedOptions = computed(() => {
+  debugger
   return (
     props.options?.map((option) => {
       return {
         label: option.label,
-        onClick: () => {
-          activeButton.value = option
-        },
+        component: (props) =>
+          DropdownOption({
+            option: option.label,
+            active: props.active,
+            selected: option.label === activeButton.value.label,
+            onClick: () => (activeButton.value = option),
+          }),
       }
     }) || []
   )