From 829affcceab40e95a8fd8698e63de4303fea9b85 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Keviin=20=C3=85berg=20Kultalahti?= <kevin.aberg@gmail.com>
Date: Fri, 12 Mar 2021 14:28:24 +0100
Subject: [PATCH] adds index page to datasource route

---
 .../pages/[application]/data/_layout.svelte   |  2 +-
 .../data/datasource/index.svelte              | 29 +++++++++++++++++++
 .../[application]/data/table/index.svelte     |  6 +---
 3 files changed, 31 insertions(+), 6 deletions(-)
 create mode 100644 packages/builder/src/pages/[application]/data/datasource/index.svelte

diff --git a/packages/builder/src/pages/[application]/data/_layout.svelte b/packages/builder/src/pages/[application]/data/_layout.svelte
index 6a4033d468..3414c1fca7 100644
--- a/packages/builder/src/pages/[application]/data/_layout.svelte
+++ b/packages/builder/src/pages/[application]/data/_layout.svelte
@@ -1,6 +1,6 @@
 <script>
   import { params } from "@sveltech/routify"
-  import { Button, Switcher, Modal } from "@budibase/bbui"
+  import { Switcher, Modal } from "@budibase/bbui"
   import TableNavigator from "components/backend/TableNavigator/TableNavigator.svelte"
   import DatasourceNavigator from "components/backend/DatasourceNavigator/DatasourceNavigator.svelte"
   import CreateDatasourceModal from "components/backend/DatasourceNavigator/modals/CreateDatasourceModal.svelte"
diff --git a/packages/builder/src/pages/[application]/data/datasource/index.svelte b/packages/builder/src/pages/[application]/data/datasource/index.svelte
new file mode 100644
index 0000000000..73b369ad6f
--- /dev/null
+++ b/packages/builder/src/pages/[application]/data/datasource/index.svelte
@@ -0,0 +1,29 @@
+<script>
+    import { backendUiStore } from "builderStore"
+    import { goto, leftover } from "@sveltech/routify"
+    import { onMount } from "svelte"
+
+    onMount(async () => {
+      // navigate to first table in list, if not already selected
+      // and this is the final url (i.e. no selectedTable)
+      if (
+        !$leftover &&
+        $backendUiStore.datasources.length > 0 && !$backendUiStore.selectedDatasourceId
+      ) {
+        // this file routes as .../tables/index, so, go up one.
+        $goto(`../${$backendUiStore.datasources[0]._id}`)
+      }
+    })
+  </script>
+  
+  {#if $backendUiStore.tables.length === 0}
+    <i>Connect your first datasource to start building.</i>
+  {:else}<i>Select a datasource to edit</i>{/if}
+  
+  <style>
+    i {
+      font-size: var(--font-size-m);
+      color: var(--grey-5);
+      margin-top: 2px;
+    }
+  </style>
\ No newline at end of file
diff --git a/packages/builder/src/pages/[application]/data/table/index.svelte b/packages/builder/src/pages/[application]/data/table/index.svelte
index 6c661bca59..8491fca869 100644
--- a/packages/builder/src/pages/[application]/data/table/index.svelte
+++ b/packages/builder/src/pages/[application]/data/table/index.svelte
@@ -1,12 +1,8 @@
 <script>
-  import { store, backendUiStore } from "builderStore"
+  import { backendUiStore } from "builderStore"
   import { goto, leftover } from "@sveltech/routify"
   import { onMount } from "svelte"
 
-  async function selectTable(table) {
-    backendUiStore.actions.tables.select(table)
-  }
-
   onMount(async () => {
     // navigate to first table in list, if not already selected
     // and this is the final url (i.e. no selectedTable)