From e758fff34ad687d1ffd7ec20f1b4586a1a1ec058 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Keviin=20=C3=85berg=20Kultalahti?= <kevin.aberg@gmail.com>
Date: Tue, 23 Mar 2021 12:27:10 +0100
Subject: [PATCH] wip: cleanup of components

---
 .../src/components/backend/DataTable/DataTable.svelte      | 2 +-
 .../backend/DataTable/popovers/CreateViewPopover.svelte    | 4 ++--
 .../backend/DataTable/popovers/ManageAccessPopover.svelte  | 1 -
 .../TableNavigator/popovers/EditTablePopover.svelte        | 7 ++++---
 .../backend/TableNavigator/popovers/EditViewPopover.svelte | 6 +++---
 .../builder/src/components/integration/QueryViewer.svelte  | 1 -
 .../[application]/data/view/[selectedView]/_layout.svelte  | 4 ++--
 7 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/packages/builder/src/components/backend/DataTable/DataTable.svelte b/packages/builder/src/components/backend/DataTable/DataTable.svelte
index 6f7af72a98..b13ad14cef 100644
--- a/packages/builder/src/components/backend/DataTable/DataTable.svelte
+++ b/packages/builder/src/components/backend/DataTable/DataTable.svelte
@@ -22,7 +22,7 @@
   $: schema = $tables.selected.schema
   $: tableView = {
     schema,
-    name: $views.selected.name,
+    name: $views.selected?.name,
   }
 
   // Fetch rows for specified table
diff --git a/packages/builder/src/components/backend/DataTable/popovers/CreateViewPopover.svelte b/packages/builder/src/components/backend/DataTable/popovers/CreateViewPopover.svelte
index 9d3a488732..9be42fecbe 100644
--- a/packages/builder/src/components/backend/DataTable/popovers/CreateViewPopover.svelte
+++ b/packages/builder/src/components/backend/DataTable/popovers/CreateViewPopover.svelte
@@ -1,7 +1,7 @@
 <script>
   import { Button, Input } from "@budibase/bbui"
   import { goto } from "@sveltech/routify"
-  import { backendUiStore } from "builderStore"
+  import { views as viewsStore } from 'builderStore/store/backend/'
   import { tables } from 'builderStore/store/backend/'
   import { notifier } from "builderStore/store/notifications"
   import analytics from "analytics"
@@ -20,7 +20,7 @@
       notifier.danger(`View exists with name ${name}.`)
       return
     }
-    backendUiStore.actions.views.save({
+    viewsStore.save({
       name,
       tableId: $tables.selected._id,
       field,
diff --git a/packages/builder/src/components/backend/DataTable/popovers/ManageAccessPopover.svelte b/packages/builder/src/components/backend/DataTable/popovers/ManageAccessPopover.svelte
index e96f6d319c..6d1a0c947c 100644
--- a/packages/builder/src/components/backend/DataTable/popovers/ManageAccessPopover.svelte
+++ b/packages/builder/src/components/backend/DataTable/popovers/ManageAccessPopover.svelte
@@ -1,5 +1,4 @@
 <script>
-  import { backendUiStore } from "builderStore"
   import { roles, permissions as permissionsStore } from 'builderStore/store/backend/'
   import { notifier } from "builderStore/store/notifications"
   import { Button, Label, Input, Select, Spacer } from "@budibase/bbui"
diff --git a/packages/builder/src/components/backend/TableNavigator/popovers/EditTablePopover.svelte b/packages/builder/src/components/backend/TableNavigator/popovers/EditTablePopover.svelte
index 900afe6f86..b1c09f3aa3 100644
--- a/packages/builder/src/components/backend/TableNavigator/popovers/EditTablePopover.svelte
+++ b/packages/builder/src/components/backend/TableNavigator/popovers/EditTablePopover.svelte
@@ -1,5 +1,6 @@
 <script>
   import { backendUiStore, store, allScreens } from "builderStore"
+  import { tables } from 'builderStore/store/backend/'
   import { notifier } from "builderStore/store/notifications"
   import { DropdownMenu, Button, Input } from "@budibase/bbui"
   import ConfirmDialog from "components/common/ConfirmDialog.svelte"
@@ -36,15 +37,15 @@
   }
 
   async function deleteTable() {
-    await backendUiStore.actions.tables.delete(table)
+    await tables.delete(table)
     store.actions.screens.delete(templateScreens)
-    await backendUiStore.actions.tables.fetch()
+    await tables.fetch()
     notifier.success("Table deleted")
     hideEditor()
   }
 
   async function save() {
-    await backendUiStore.actions.tables.save(table)
+    await tables.save(table)
     notifier.success("Table renamed successfully")
     hideEditor()
   }
diff --git a/packages/builder/src/components/backend/TableNavigator/popovers/EditViewPopover.svelte b/packages/builder/src/components/backend/TableNavigator/popovers/EditViewPopover.svelte
index 331f336d4e..a3a31e9b6f 100644
--- a/packages/builder/src/components/backend/TableNavigator/popovers/EditViewPopover.svelte
+++ b/packages/builder/src/components/backend/TableNavigator/popovers/EditViewPopover.svelte
@@ -1,6 +1,6 @@
 <script>
   import { goto } from "@sveltech/routify"
-  import { backendUiStore } from "builderStore"
+  import { views } from 'builderStore/store/backend/'
   import { notifier } from "builderStore/store/notifications"
   import { DropdownMenu, Button, Input } from "@budibase/bbui"
   import ConfirmDialog from "components/common/ConfirmDialog.svelte"
@@ -29,7 +29,7 @@
   }
 
   async function save() {
-    await backendUiStore.actions.views.save({
+    await views.save({
       originalName,
       ...view,
     })
@@ -40,7 +40,7 @@
   async function deleteView() {
     const name = view.name
     const id = view.tableId
-    await backendUiStore.actions.views.delete(name)
+    await views.delete(name)
     notifier.success("View deleted")
     $goto(`./table/${id}`)
   }
diff --git a/packages/builder/src/components/integration/QueryViewer.svelte b/packages/builder/src/components/integration/QueryViewer.svelte
index 25d3452f64..ebdeb997b4 100644
--- a/packages/builder/src/components/integration/QueryViewer.svelte
+++ b/packages/builder/src/components/integration/QueryViewer.svelte
@@ -15,7 +15,6 @@
   import IntegrationQueryEditor from "components/integration/index.svelte"
   import ExternalDataSourceTable from "components/backend/DataTable/ExternalDataSourceTable.svelte"
   import ParameterBuilder from "components/integration/QueryParameterBuilder.svelte"
-  import { backendUiStore } from "builderStore"
   import { datasources, integrations } from 'builderStore/store/backend/'
 
   const PREVIEW_HEADINGS = [
diff --git a/packages/builder/src/pages/[application]/data/view/[selectedView]/_layout.svelte b/packages/builder/src/pages/[application]/data/view/[selectedView]/_layout.svelte
index cfa3961dc5..c85615c0d3 100644
--- a/packages/builder/src/pages/[application]/data/view/[selectedView]/_layout.svelte
+++ b/packages/builder/src/pages/[application]/data/view/[selectedView]/_layout.svelte
@@ -1,6 +1,6 @@
 <script>
   import { params } from "@sveltech/routify"
-  import { tables } from 'builderStore/store/backend/'
+  import { tables, views } from 'builderStore/store/backend/'
 
   if ($params.selectedView) {
     let view
@@ -11,7 +11,7 @@
       }
     }
     if (view) {
-      backendUiStore.actions.views.select({
+      views.select({
         name: viewName,
         ...view,
       })