From e6da59b728bf44342428531a2c7e4024829234ed Mon Sep 17 00:00:00 2001
From: Dominik Guzei <dominik.guzei@gmail.com>
Date: Mon, 14 Jan 2019 19:01:46 +0100
Subject: setup logic to display workspace edit page

---
 src/features/workspaces/store.js | 32 +++++++++++++++++++++++++++++++-
 1 file changed, 31 insertions(+), 1 deletion(-)

(limited to 'src/features/workspaces/store.js')

diff --git a/src/features/workspaces/store.js b/src/features/workspaces/store.js
index 2b6d55cc7..aab66708b 100644
--- a/src/features/workspaces/store.js
+++ b/src/features/workspaces/store.js
@@ -2,6 +2,7 @@ import { observable, reaction } from 'mobx';
 import Store from '../../stores/lib/Store';
 import CachedRequest from '../../stores/lib/CachedRequest';
 import Workspace from '../../models/Workspace';
+import { matchRoute } from '../../helpers/routing-helpers';
 
 const debug = require('debug')('Franz:feature:workspaces');
 
@@ -14,17 +15,40 @@ export default class WorkspacesStore extends Store {
   }
 
   setup() {
-    debug('fetching user workspaces');
+    debug('fetching workspaces');
     this.allWorkspacesRequest.execute();
 
+    /**
+     * Update the state workspaces array when workspaces request has results.
+     */
     reaction(
       () => this.allWorkspacesRequest.result,
       workspaces => this._setWorkspaces(workspaces),
     );
+    /**
+     * Update the loading state when workspace request is executing.
+     */
     reaction(
       () => this.allWorkspacesRequest.isExecuting,
       isExecuting => this._setIsLoading(isExecuting),
     );
+    /**
+     * Update the state with the workspace to be edited when route matches.
+     */
+    reaction(
+      () => ({
+        pathname: this.stores.router.location.pathname,
+        workspaces: this.state.workspaces,
+      }),
+      ({ pathname }) => {
+        const match = matchRoute('/settings/workspaces/edit/:id', pathname);
+        if (match) {
+          this.state.workspaceBeingEdited = this._getWorkspaceById(match.id);
+        }
+      },
+    );
+
+    this.actions.workspace.edit.listen(this._edit);
   }
 
   _setWorkspaces = (workspaces) => {
@@ -35,4 +59,10 @@ export default class WorkspacesStore extends Store {
   _setIsLoading = (isLoading) => {
     this.state.isLoading = isLoading;
   };
+
+  _getWorkspaceById = id => this.state.workspaces.find(w => w.id === id);
+
+  _edit = ({ workspace }) => {
+    this.stores.router.push(`/settings/workspaces/edit/${workspace.id}`);
+  }
 }
-- 
cgit v1.2.3-54-g00ecf