From 8f74d5ae3da4f6392c0bbfe31f67673eb5dc7a8f Mon Sep 17 00:00:00 2001
From: mertmit <mertmit99@gmail.com>
Date: Mon, 14 Nov 2022 01:48:03 +0300
Subject: [PATCH] feat: change data sources show/hide checkbox to switch

Signed-off-by: mertmit <mertmit99@gmail.com>
---
 .../components/dashboard/settings/DataSources.vue      | 10 ++--------
 1 file changed, 2 insertions(+), 8 deletions(-)

diff --git a/packages/nc-gui/components/dashboard/settings/DataSources.vue b/packages/nc-gui/components/dashboard/settings/DataSources.vue
index 1f0c7fa080..86939b50c0 100644
--- a/packages/nc-gui/components/dashboard/settings/DataSources.vue
+++ b/packages/nc-gui/components/dashboard/settings/DataSources.vue
@@ -280,10 +280,7 @@ watch(
                         <template v-if="sources[0].enabled">Hide in UI</template>
                         <template v-else>Show in UI</template>
                       </template>
-                      <a-checkbox
-                        :checked="sources[0].enabled ? true : false"
-                        @change="toggleBase(sources[0], $event.target?.checked)"
-                      ></a-checkbox>
+                      <a-switch :checked="sources[0].enabled ? true : false" @change="toggleBase(sources[0], $event)" />
                     </a-tooltip>
                   </div>
                 </div>
@@ -355,10 +352,7 @@ watch(
                         <template v-if="base.enabled">Hide in UI</template>
                         <template v-else>Show in UI</template>
                       </template>
-                      <a-checkbox
-                        :checked="base.enabled ? true : false"
-                        @change="toggleBase(base, $event.target?.checked)"
-                      ></a-checkbox>
+                      <a-switch :checked="base.enabled ? true : false" @change="toggleBase(base, $event)" />
                     </a-tooltip>
                   </div>
                 </div>