From 33d8cba0259ed950ed2d347a012cb7ebbd704e15 Mon Sep 17 00:00:00 2001
From: Ramesh Mane <101566080+rameshmane7218@users.noreply.github.com>
Date: Wed, 13 Mar 2024 21:16:13 +0000
Subject: [PATCH] fix(nc-gui): rich text switch input warnings

---
 packages/nc-gui/components/nc/Switch.vue                    | 6 ++++--
 .../nc-gui/components/smartsheet/column/LongTextOptions.vue | 4 ++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/nc-gui/components/nc/Switch.vue b/packages/nc-gui/components/nc/Switch.vue
index 7551b87b83..9f50ce0d38 100644
--- a/packages/nc-gui/components/nc/Switch.vue
+++ b/packages/nc-gui/components/nc/Switch.vue
@@ -1,5 +1,7 @@
 <script lang="ts" setup>
-const props = defineProps<{ checked: boolean; disabled?: boolean }>()
+const props = withDefaults(defineProps<{ checked: boolean; disabled?: boolean; size?: 'default' | 'small' }>(), {
+  size: 'small',
+})
 
 const emit = defineEmits(['change', 'update:checked'])
 
@@ -11,7 +13,7 @@ const onChange = (e: boolean) => {
 </script>
 
 <template>
-  <a-switch v-model:checked="checked" :disabled="props.disabled" class="nc-switch" size="small" @change="onChange"> </a-switch>
+  <a-switch v-model:checked="checked" :disabled="disabled" class="nc-switch" :size="size" @change="onChange"> </a-switch>
   <span v-if="$slots.default" class="cursor-pointer pl-2" @click="checked = !checked">
     <slot />
   </span>
diff --git a/packages/nc-gui/components/smartsheet/column/LongTextOptions.vue b/packages/nc-gui/components/smartsheet/column/LongTextOptions.vue
index 0c506fb002..1e56b6c5d2 100644
--- a/packages/nc-gui/components/smartsheet/column/LongTextOptions.vue
+++ b/packages/nc-gui/components/smartsheet/column/LongTextOptions.vue
@@ -12,7 +12,7 @@ const emit = defineEmits(['update:value'])
 const vModel = useVModel(props, 'value', emit)
 
 const richMode = computed({
-  get: () => vModel.value.meta?.richMode,
+  get: () => !!vModel.value.meta?.richMode,
   set: (value) => {
     if (!vModel.value.meta) vModel.value.meta = {}
 
@@ -29,7 +29,7 @@ watch(richMode, () => {
   <div class="flex flex-col mt-2 gap-2">
     <a-form-item>
       <div class="flex flex-row items-center">
-        <NcSwitch v-model:checked="richMode" :name="$t('labels.enableRichText')" size="small">
+        <NcSwitch v-model:checked="richMode">
           <div class="text-xs">{{ $t('labels.enableRichText') }}</div>
         </NcSwitch>
       </div>