From 80d74c7bc724a1cf0d4ef366587e9174f96f2c0e Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Mon, 17 Oct 2022 22:50:16 +0200
Subject: [PATCH] chore(nc-gui): cleanup classname

---
 packages/nc-gui/components/erd/ConfigPanel.vue | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/packages/nc-gui/components/erd/ConfigPanel.vue b/packages/nc-gui/components/erd/ConfigPanel.vue
index b168fbb2a9..cf8e982907 100644
--- a/packages/nc-gui/components/erd/ConfigPanel.vue
+++ b/packages/nc-gui/components/erd/ConfigPanel.vue
@@ -28,12 +28,10 @@ const showAdvancedOptions = ref(false)
         v-model:checked="config.showPkAndFk"
         v-e="['c:erd:showPkAndFk']"
         class="nc-erd-showPkAndFk-checkbox"
-        :class="{
-          'nc-erd-showPkAndFk-checkbox-enabled': config.showAllColumns,
-          'nc-erd-showPkAndFk-checkbox-disabled': !config.showAllColumns,
-          'nc-erd-showPkAndFk-checkbox-checked': config.showPkAndFk,
-          'nc-erd-showPkAndFk-checkbox-unchecked': !config.showPkAndFk,
-        }"
+        :class="[
+          `nc-erd-showPkAndFk-checkbox-${config.showAllColumns ? 'enabled' : 'disabled'}`,
+          `nc-erd-showPkAndFk-checkbox-${config.showPkAndFk ? 'checked' : 'unchecked'}`,
+        ]"
         :disabled="!config.showAllColumns"
       />
       <span class="select-none text-[0.65rem]">{{ $t('activity.erd.showPkAndFk') }}</span>