refactor: allow smart tabs to render inactive tabs as an option

2022-06-28 16:33:39 +05:30
parent ed6e1c0f94
commit cfdab014c7
12 changed files with 43 additions and 6 deletions
--- a/packages/hoppscotch-app/pages/profile.vue
+++ b/packages/hoppscotch-app/pages/profile.vue
@@ -83,7 +83,7 @@
              <FirebaseLogout outline />
            </div>
          </div>
-          <SmartTabs v-model="selectedProfileTab">
+          <SmartTabs v-model="selectedProfileTab" render-inactive-tabs>
            <SmartTab :id="'sync'" :label="t('settings.account')">
              <div class="grid grid-cols-1">
                <section class="p-4">
--- a/packages/hoppscotch-app/pages/realtime/Socketio.vue
+++ b/packages/hoppscotch-app/pages/realtime/Socketio.vue
@@ -86,10 +86,12 @@
      <SmartTabs
        v-model="selectedTab"
        styles="sticky bg-primary top-upperPrimaryStickyFold z-10"
+        render-inactive-tabs
      >
        <SmartTab
          :id="'communication'"
          :label="`${t('websocket.communication')}`"
+          render-inactive-tabs
        >
          <RealtimeCommunication
            :show-event-field="true"
--- a/packages/hoppscotch-app/pages/realtime/Websocket.vue
+++ b/packages/hoppscotch-app/pages/realtime/Websocket.vue
@@ -38,6 +38,7 @@
      <SmartTabs
        v-model="selectedTab"
        styles="sticky bg-primary top-upperPrimaryStickyFold z-10"
+        render-inactive-tabs
      >
        <SmartTab
          :id="'communication'"