From 3e58ad903116448db5186ac31228153fcd348f10 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 13:27:45 +0100
Subject: [PATCH] move rows to it's separate store

---
 .../builder/src/builderStore/store/backend.js  | 18 +++++-------------
 .../src/builderStore/store/backend/index.js    |  1 +
 .../src/builderStore/store/backend/rows.js     | 15 +++++++++++++++
 .../src/builderStore/store/backend/views.js    |  3 +--
 .../DataTable/modals/CreateEditRow.svelte      |  5 ++---
 .../DataTable/modals/CreateEditUser.svelte     |  5 ++---
 .../backend/DataTable/modals/DeleteRow.svelte  |  4 ++--
 7 files changed, 28 insertions(+), 23 deletions(-)
 create mode 100644 packages/builder/src/builderStore/store/backend/rows.js

diff --git a/packages/builder/src/builderStore/store/backend.js b/packages/builder/src/builderStore/store/backend.js
index 967f9c7545..3295b82006 100644
--- a/packages/builder/src/builderStore/store/backend.js
+++ b/packages/builder/src/builderStore/store/backend.js
@@ -1,21 +1,13 @@
 import { writable } from "svelte/store"
 
+const INITIAL_BACKEND_UI_STATE = {
+}
+
 export const getBackendUiStore = () => {
-  const store = writable({})
+  const store = writable({ ...INITIAL_BACKEND_UI_STATE })
 
   store.actions = {
-    rows: {
-      save: () =>
-        store.update(state => {
-          state.selectedView = state.selectedView
-          return state
-        }),
-      delete: () =>
-        store.update(state => {
-          state.selectedView = state.selectedView
-          return state
-        }),
-    },
+    reset: () => store.set({ ...INITIAL_BACKEND_UI_STATE }),
   }
 
   return store
diff --git a/packages/builder/src/builderStore/store/backend/index.js b/packages/builder/src/builderStore/store/backend/index.js
index 441d9d6b5e..e020baaf4b 100644
--- a/packages/builder/src/builderStore/store/backend/index.js
+++ b/packages/builder/src/builderStore/store/backend/index.js
@@ -1,6 +1,7 @@
 export { database } from "./database"
 export { tables } from "./tables"
 export { views } from "./views"
+export { rows } from "./rows"
 export { permissions } from "./permissions"
 export { roles } from "./roles"
 export { datasources } from "./datasources"
diff --git a/packages/builder/src/builderStore/store/backend/rows.js b/packages/builder/src/builderStore/store/backend/rows.js
new file mode 100644
index 0000000000..0d63bbb64f
--- /dev/null
+++ b/packages/builder/src/builderStore/store/backend/rows.js
@@ -0,0 +1,15 @@
+import { writable,get  } from "svelte/store"
+import { views } from './'
+
+function createRowsStore() {
+  const { subscribe } = writable([])
+
+  return {
+    subscribe,
+    save: () => views.select(get(views).selected),
+    delete: () => views.select(get(views).selected),
+  }
+}
+
+export const rows = createRowsStore()
+
diff --git a/packages/builder/src/builderStore/store/backend/views.js b/packages/builder/src/builderStore/store/backend/views.js
index 1b98ef9f8a..9c32c3da9f 100644
--- a/packages/builder/src/builderStore/store/backend/views.js
+++ b/packages/builder/src/builderStore/store/backend/views.js
@@ -3,7 +3,7 @@ import { tables } from "./"
 import api from "../../api"
 
 function createViewsStore() {
-  const { subscribe, set, update } = writable({
+  const { subscribe, update } = writable({
       list: [],
       selected: null
   })
@@ -15,7 +15,6 @@ function createViewsStore() {
             ...state,
             selected: view,
         }))
-        tables.select()
     },
     delete: async view => {
         await api.delete(`/api/views/${view}`)
diff --git a/packages/builder/src/components/backend/DataTable/modals/CreateEditRow.svelte b/packages/builder/src/components/backend/DataTable/modals/CreateEditRow.svelte
index bc2098a9fa..d1fb8771a9 100644
--- a/packages/builder/src/components/backend/DataTable/modals/CreateEditRow.svelte
+++ b/packages/builder/src/components/backend/DataTable/modals/CreateEditRow.svelte
@@ -1,6 +1,5 @@
 <script>
-  import { backendUiStore } from "builderStore"
-  import { tables } from 'builderStore/store/backend/'
+  import { tables, rows } from 'builderStore/store/backend/'
   import { notifier } from "builderStore/store/notifications"
   import RowFieldControl from "../RowFieldControl.svelte"
   import * as api from "../api"
@@ -35,7 +34,7 @@
     }
 
     notifier.success("Row saved successfully.")
-    backendUiStore.actions.rows.save(rowResponse)
+    rows.save(rowResponse)
   }
 </script>
 
diff --git a/packages/builder/src/components/backend/DataTable/modals/CreateEditUser.svelte b/packages/builder/src/components/backend/DataTable/modals/CreateEditUser.svelte
index a7b4df5058..9d020f7c6e 100644
--- a/packages/builder/src/components/backend/DataTable/modals/CreateEditUser.svelte
+++ b/packages/builder/src/components/backend/DataTable/modals/CreateEditUser.svelte
@@ -1,6 +1,5 @@
 <script>
-  import { backendUiStore } from "builderStore"
-  import { tables } from 'builderStore/store/backend/'
+  import { tables, rows } from 'builderStore/store/backend/'
   import { roles } from 'builderStore/store/backend/'
   import { notifier } from "builderStore/store/notifications"
   import RowFieldControl from "../RowFieldControl.svelte"
@@ -68,7 +67,7 @@
     }
 
     notifier.success("User saved successfully.")
-    backendUiStore.actions.rows.save(rowResponse)
+    rows.save(rowResponse)
   }
 </script>
 
diff --git a/packages/builder/src/components/backend/DataTable/modals/DeleteRow.svelte b/packages/builder/src/components/backend/DataTable/modals/DeleteRow.svelte
index a28d90de0c..dc20a65562 100644
--- a/packages/builder/src/components/backend/DataTable/modals/DeleteRow.svelte
+++ b/packages/builder/src/components/backend/DataTable/modals/DeleteRow.svelte
@@ -1,5 +1,5 @@
 <script>
-  import { backendUiStore } from "builderStore"
+  import { rows } from 'builderStore/store/backend/'
   import * as api from "../api"
   import { notifier } from "builderStore/store/notifications"
   import ConfirmDialog from "components/common/ConfirmDialog.svelte"
@@ -15,7 +15,7 @@
   async function deleteRow() {
     await api.deleteRow(row)
     notifier.success("Row deleted")
-    backendUiStore.actions.rows.delete(row)
+    rows.delete(row)
   }
 </script>