From 35df7e7cdb145596f919006ddacfb3d59011f7a9 Mon Sep 17 00:00:00 2001
From: Muhammed Mustafa <mustafa@nocodb.com>
Date: Fri, 10 Nov 2023 10:54:42 +0000
Subject: [PATCH] fix: Fixed kanban duplicate issue

---
 packages/nc-gui/components/dlg/ViewCreate.vue          |  2 +-
 .../components/smartsheet/toolbar/OpenedViewAction.vue | 10 ++++++----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/packages/nc-gui/components/dlg/ViewCreate.vue b/packages/nc-gui/components/dlg/ViewCreate.vue
index 3535096681..e1a7cfaa13 100644
--- a/packages/nc-gui/components/dlg/ViewCreate.vue
+++ b/packages/nc-gui/components/dlg/ViewCreate.vue
@@ -308,7 +308,7 @@ onMounted(async () => {
           <NcSelect
             v-model:value="form.fk_grp_col_id"
             class="w-full nc-kanban-grouping-field-select"
-            :disabled="groupingFieldColumnId || isMetaLoading"
+            :disabled="isMetaLoading"
             :loading="isMetaLoading"
             :options="viewSelectFieldOptions"
             :placeholder="$t('placeholder.selectGroupField')"
diff --git a/packages/nc-gui/components/smartsheet/toolbar/OpenedViewAction.vue b/packages/nc-gui/components/smartsheet/toolbar/OpenedViewAction.vue
index 36087da9e7..45c31a00bb 100644
--- a/packages/nc-gui/components/smartsheet/toolbar/OpenedViewAction.vue
+++ b/packages/nc-gui/components/smartsheet/toolbar/OpenedViewAction.vue
@@ -20,7 +20,7 @@ const { t } = useI18n()
 
 const { $api, $e } = useNuxtApp()
 
-const isOpen = ref(false)
+const isDropdownOpen = ref(false)
 
 const isPublicView = inject(IsPublicInj, ref(false))
 
@@ -77,6 +77,7 @@ const onViewIdCopy = async () => {
 /** Duplicate a view */
 // todo: This is not really a duplication, maybe we need to implement a true duplication?
 function onDuplicate() {
+  isDropdownOpen.value = false
   const isOpen = ref(true)
 
   const { close } = useDialog(resolveComponent('DlgViewCreate'), {
@@ -85,6 +86,7 @@ function onDuplicate() {
     'type': activeView.value!.type as ViewTypes,
     'tableId': activeTable.value!.id,
     'selectedViewId': activeView.value!.id,
+    'groupingFieldColumnId': activeView.value!.view!.fk_grp_col_id,
     'views': views,
     'onUpdate:modelValue': closeDialog,
     'onCreated': async (view: ViewType) => {
@@ -115,7 +117,7 @@ function onDuplicate() {
   }
 }
 
-watch(isOpen, () => {
+watch(isDropdownOpen, () => {
   setTimeout(() => {
     isViewIdCopied.value = false
   }, 250)
@@ -123,7 +125,7 @@ watch(isOpen, () => {
 </script>
 
 <template>
-  <NcDropdown v-model:visible="isOpen">
+  <NcDropdown v-model:visible="isDropdownOpen">
     <div
       class="truncate nc-active-view-title !hover:(bg-gray-100 text-gray-800) ml-0.25 pl-1 pr-0.25 rounded-md py-1 cursor-pointer"
       :class="{
@@ -232,7 +234,7 @@ watch(isOpen, () => {
             </template>
 
             <template #expandIcon></template>
-            <div class="flex py-3 px-4 font-semibold uppercase text-xs text-gray-500">View Settings</div>
+            <div class="flex py-3 px-4 font-bold uppercase text-xs text-gray-500">View Settings</div>
             <NcMenuItem class="nc-view-action-lock-subaction" @click="changeLockType(LockType.Collaborative)">
               <LazySmartsheetToolbarLockType :type="LockType.Collaborative" />
             </NcMenuItem>