From be63995ff9dbc29c82e05e1e86b273c78b057c2a Mon Sep 17 00:00:00 2001
From: mertmit <mertmit99@gmail.com>
Date: Thu, 10 Nov 2022 13:11:01 +0300
Subject: [PATCH] fix: use checkbox instead of icons

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

diff --git a/packages/nc-gui/components/dashboard/settings/DataSources.vue b/packages/nc-gui/components/dashboard/settings/DataSources.vue
index 0967ae6dc9..16c242143e 100644
--- a/packages/nc-gui/components/dashboard/settings/DataSources.vue
+++ b/packages/nc-gui/components/dashboard/settings/DataSources.vue
@@ -256,16 +256,10 @@ watch(
                         <template v-if="sources[0].enabled">Hide in UI</template>
                         <template v-else>Show in UI</template>
                       </template>
-                      <MdiEyeSettings
-                        v-if="sources[0].enabled"
-                        class="text-lg text-primary outline-0"
-                        @click="toggleBase(sources[0], false)"
-                      ></MdiEyeSettings>
-                      <MdiEyeSettingsOutline
-                        v-else
-                        class="text-lg text-red-500 outline-0"
-                        @click="toggleBase(sources[0], true)"
-                      ></MdiEyeSettingsOutline>
+                      <a-checkbox
+                        :checked="sources[0].enabled ? true : false"
+                        @change="toggleBase(sources[0], $event.target?.checked)"
+                      ></a-checkbox>
                     </a-tooltip>
                   </div>
                 </div>
@@ -337,16 +331,10 @@ watch(
                         <template v-if="base.enabled">Hide in UI</template>
                         <template v-else>Show in UI</template>
                       </template>
-                      <MdiEyeSettings
-                        v-if="base.enabled"
-                        class="text-lg text-primary outline-0"
-                        @click="toggleBase(base, false)"
-                      ></MdiEyeSettings>
-                      <MdiEyeSettingsOutline
-                        v-else
-                        class="text-lg text-red-500 outline-0"
-                        @click="toggleBase(base, true)"
-                      ></MdiEyeSettingsOutline>
+                      <a-checkbox
+                        :checked="base.enabled ? true : false"
+                        @change="toggleBase(base, $event.target?.checked)"
+                      ></a-checkbox>
                     </a-tooltip>
                   </div>
                 </div>