From f060043711015bbc0038c7d9837774db6d0a1045 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Tue, 27 Sep 2022 09:48:58 +0200
Subject: [PATCH] fix(nc-gui): EditOrAdd not mounting properly

---
 packages/nc-gui/components/smartsheet/column/EditOrAdd.vue     | 3 ++-
 .../nc-gui/components/smartsheet/column/EditOrAddProvider.vue  | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/column/EditOrAdd.vue b/packages/nc-gui/components/smartsheet/column/EditOrAdd.vue
index 5e861f24f7..f63570d11f 100644
--- a/packages/nc-gui/components/smartsheet/column/EditOrAdd.vue
+++ b/packages/nc-gui/components/smartsheet/column/EditOrAdd.vue
@@ -115,7 +115,7 @@ onMounted(() => {
     :class="{ '!w-[600px]': formState.uidt === UITypes.Formula }"
     @click.stop
   >
-    <a-form v-if="formState" v-model="formState" no-style name="column-create-or-edit" layout="vertical">
+    <a-form v-model="formState" no-style name="column-create-or-edit" layout="vertical">
       <div class="flex flex-col gap-2">
         <a-form-item :label="$t('labels.columnName')" v-bind="validateInfos.title">
           <a-input ref="antInput" v-model:value="formState.title" class="nc-column-name-input" @input="onAlter(8)" />
@@ -191,6 +191,7 @@ onMounted(() => {
             <!-- Cancel -->
             {{ $t('general.cancel') }}
           </a-button>
+
           <a-button html-type="submit" type="primary" @click.prevent="onSubmit">
             <!-- Save -->
             {{ $t('general.save') }}
diff --git a/packages/nc-gui/components/smartsheet/column/EditOrAddProvider.vue b/packages/nc-gui/components/smartsheet/column/EditOrAddProvider.vue
index 787da79bd3..ebe88037fa 100644
--- a/packages/nc-gui/components/smartsheet/column/EditOrAddProvider.vue
+++ b/packages/nc-gui/components/smartsheet/column/EditOrAddProvider.vue
@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+// todo: Remove this "Provider" component and use the "EditOrAdd" component directly
 import type { ColumnType } from 'nocodb-sdk'
 import { MetaInj, inject, ref, toRef, useProvideColumnCreateStore } from '#imports'
 
@@ -18,5 +19,5 @@ useProvideColumnCreateStore(meta, column)
 </script>
 
 <template>
-  <LazySmartsheetColumnEditOrAdd @submit="emit('submit')" @cancel="emit('cancel')" />
+  <SmartsheetColumnEditOrAdd @submit="emit('submit')" @cancel="emit('cancel')" />
 </template>