From a9ace44f8f447fb77f9f9f820350c4832a9b46e2 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Fri, 29 Jul 2022 12:43:34 +0530
Subject: [PATCH] fix(gui-v2): show sorts list badge based on filters length

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../nc-gui-v2/components/smartsheet-toolbar/SortListMenu.vue  | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/nc-gui-v2/components/smartsheet-toolbar/SortListMenu.vue b/packages/nc-gui-v2/components/smartsheet-toolbar/SortListMenu.vue
index 6756d328e8..1e7ac2e261 100644
--- a/packages/nc-gui-v2/components/smartsheet-toolbar/SortListMenu.vue
+++ b/packages/nc-gui-v2/components/smartsheet-toolbar/SortListMenu.vue
@@ -27,7 +27,7 @@ watch(
 
 <template>
   <a-dropdown offset-y class="" :trigger="['click']">
-    <v-badge :value="sorts && sorts.length" color="primary" dot overlap>
+    <div :class="{ 'nc-badge': sorts?.length }">
       <a-button v-t="['c:sort']" size="small" class="nc-sort-menu-btn nc-toolbar-btn" :disabled="isLocked"
         ><div class="flex align-center gap-1">
           <MdiSortIcon class="text-grey" />
@@ -36,7 +36,7 @@ watch(
           <MdiMenuDownIcon class="text-grey" />
         </div>
       </a-button>
-    </v-badge>
+    </div>
     <template #overlay>
       <div class="bg-white shadow p-2 menu-filter-dropdown min-w-[400px]">
         <div class="sort-grid" @click.stop>