refactor: minor improvements

packages/nc-gui/components/account/setup/ConfigModal.vue

@@ -50,6 +50,7 @@ const doAction = async (action: Action) => {
         await validate()
         pluginFormData.value = formState.value
         await saveSettings()
+        vOpen.value = false
         break
       case Action.Test:
         await validate()
@@ -66,7 +67,8 @@ const doAction = async (action: Action) => {
 </script>
 
 <template>
-  <NcModal :visible="vOpen" centered width="70rem" wrap-class-name="nc-modal-create-source" @keydown.esc="vOpen = false">
+  <NcModal :visible="vOpen" centered width="70rem" wrap-class-name="nc-modal-create-source"
+           @keydown.esc="vOpen = false">
     <div class="flex-1 flex flex-col max-h-full min-h-400px">
       <div class="px-4 pb-4 w-full flex items-center gap-3 border-b-1 border-gray-200">
         <GeneralIcon icon="arrowLeft" class="cursor-pointer flex-none text-[20px]" @click="vOpen = false"/>
@@ -92,7 +94,7 @@ const doAction = async (action: Action) => {
               :disabled="!!loadingAction"
               @click="doAction(action.key)"
           >
-            {{ action.label }}
+            {{ action.label === 'Save' ? 'Save configuration' : action.label }}
           </NcButton>
         </div>
       </div>

packages/nc-gui/components/nc/Modal.vue

@@ -1,6 +1,4 @@
 <script lang="ts" setup>
-import {Action} from "../../composables/useAccountSetupStore";
-
 const props = withDefaults(
   defineProps<{
     visible: boolean
@@ -10,6 +8,7 @@ const props = withDefaults(
     maskClosable?: boolean
     showSeparator?: boolean
     wrapClassName?: string
+    closable?: boolean
   }>(),
   {
     size: 'medium',
@@ -17,6 +16,7 @@ const props = withDefaults(
     maskClosable: true,
     showSeparator: true,
     wrapClassName: '',
+    closable: false,
   },
 )
 
@@ -91,7 +91,7 @@ const slots = useSlots()
     :class="{ active: visible }"
     :width="width"
     :centered="true"
-    :closable="false"
+    :closable="closable"
     :wrap-class-name="newWrapClassName"
     :footer="null"
     :mask-closable="maskClosable"