From 4b303845493dbb7e55ee9ced24f920f7c927437f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Keviin=20=C3=85berg=20Kultalahti?= <kevin.aberg@gmail.com>
Date: Mon, 15 Mar 2021 10:26:59 +0100
Subject: [PATCH] data switcher now shows correct tab

---
 .../src/pages/[application]/data/_layout.svelte   |  4 ++--
 .../[selectedDatasource]/[query]/_layout.svelte   | 15 +++++++++++++++
 2 files changed, 17 insertions(+), 2 deletions(-)
 create mode 100644 packages/builder/src/pages/[application]/data/datasource/[selectedDatasource]/[query]/_layout.svelte

diff --git a/packages/builder/src/pages/[application]/data/_layout.svelte b/packages/builder/src/pages/[application]/data/_layout.svelte
index 3414c1fca7..2bd50edee8 100644
--- a/packages/builder/src/pages/[application]/data/_layout.svelte
+++ b/packages/builder/src/pages/[application]/data/_layout.svelte
@@ -1,5 +1,5 @@
 <script>
-  import { params } from "@sveltech/routify"
+  import { params, isActive } from "@sveltech/routify"
   import { Switcher, Modal } from "@budibase/bbui"
   import TableNavigator from "components/backend/TableNavigator/TableNavigator.svelte"
   import DatasourceNavigator from "components/backend/DatasourceNavigator/DatasourceNavigator.svelte"
@@ -17,7 +17,7 @@
     },
   ]
 
-  let tab = $params.selectedDatasource ? "datasource" : "table"
+  let tab = $isActive('./datasource') || $params.selectedDatasource ? "datasource" : "table"
 
   let modal
 </script>
diff --git a/packages/builder/src/pages/[application]/data/datasource/[selectedDatasource]/[query]/_layout.svelte b/packages/builder/src/pages/[application]/data/datasource/[selectedDatasource]/[query]/_layout.svelte
new file mode 100644
index 0000000000..8b66cef860
--- /dev/null
+++ b/packages/builder/src/pages/[application]/data/datasource/[selectedDatasource]/[query]/_layout.svelte
@@ -0,0 +1,15 @@
+<script>
+  // import { params } from "@sveltech/routify"
+  // import { backendUiStore } from "builderStore"
+
+  // if ($params.selectedDatasource) {
+  //   const datasource = $backendUiStore.datasources.find(
+  //     m => m._id === $params.selectedDatasource
+  //   )
+  //   if (datasource) {
+  //     backendUiStore.actions.datasources.select(datasource._id)
+  //   }
+  // }
+</script>
+
+<slot />