From f0bf6962e7b0f5d3932fa26370be94b134a37724 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Mon, 7 Apr 2025 14:07:41 +0530
Subject: [PATCH] fix: do not show dropdown if only one option

---
 frontend/src/components/MultiActionButton.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/MultiActionButton.vue b/frontend/src/components/MultiActionButton.vue
index b7e5d3ce..02445aae 100644
--- a/frontend/src/components/MultiActionButton.vue
+++ b/frontend/src/components/MultiActionButton.vue
@@ -2,10 +2,13 @@
   <div class="flex items-center">
     <Button
       variant="solid"
-      class="border-0 rounded-br-none rounded-tr-none"
+      class="border-0"
       :label="activeButton.label"
       :size="$attrs.size"
-      :class="$attrs.class"
+      :class="[
+        $attrs.class,
+        showDropdown ? 'rounded-br-none rounded-tr-none' : '',
+      ]"
       @click="() => activeButton.onClick()"
     >
       <template #prefix>
@@ -17,6 +20,7 @@
       </template>
     </Button>
     <Dropdown
+      v-show="showDropdown"
       :options="parsedOptions"
       size="sm"
       class="flex-1 [&>div>div>div]:w-full"
@@ -44,6 +48,7 @@ const props = defineProps({
   },
 })
 
+const showDropdown = ref(props.options?.length > 1)
 const activeButton = ref(props.options?.[0] || {})
 
 const parsedOptions = computed(() => {