From 472b1bf4233a6429df93dd09295432e356064a95 Mon Sep 17 00:00:00 2001
From: Muhammed Mustafa <mustafa010199@gmail.com>
Date: Sat, 23 Jul 2022 11:08:52 +0530
Subject: [PATCH] refactor/gui-v2-settings-modal-minor-cleanup

---
 .../dashboard/settings/SettingsModal.vue           | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/packages/nc-gui-v2/components/dashboard/settings/SettingsModal.vue b/packages/nc-gui-v2/components/dashboard/settings/SettingsModal.vue
index 496dac8f55..e56d1e8ae8 100644
--- a/packages/nc-gui-v2/components/dashboard/settings/SettingsModal.vue
+++ b/packages/nc-gui-v2/components/dashboard/settings/SettingsModal.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { FunctionalComponent, SVGAttributes, VNode } from 'vue'
+import type { FunctionalComponent, SVGAttributes } from 'vue'
 import AuditTab from './AuditTab.vue'
 import StoreFrontOutline from '~icons/mdi/storefront-outline'
 import TeamFillIcon from '~icons/ri/team-fill'
@@ -96,12 +96,15 @@ const selectedSubTab = $computed(() => {
     ? currentlySelectedSubTabKey
     : firstKeyOfObject(selectedTab.subTabs)
 
-  if (subTabKey !== selectedSubTabKeys[0]) {
-    selectedSubTabKeys = [subTabKey]
-  }
-
   return selectedTab.subTabs[subTabKey]
 })
+
+watch(
+  () => selectedTabKeys[0],
+  (newTabKey) => {
+    selectedSubTabKeys = [firstKeyOfObject(tabsInfo[newTabKey].subTabs)]
+  },
+)
 </script>
 
 <template>
@@ -141,7 +144,6 @@ const selectedSubTab = $computed(() => {
   height: 70vh;
 }
 ::-webkit-scrollbar-thumb {
-  width: 8px;
   background-color: darkgrey;
 }
 </style>