setup logic to display workspace edit page

1 files changed, 31 insertions, 1 deletions

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}`);
+  }
 }