Merge branch 'develop' into chore/streamline-dashboard

2 files changed, 61 insertions, 11 deletions

diff --git a/src/features/utils/ActionBinding.js b/src/features/utils/ActionBinding.js
new file mode 100644
index 000000000..497aa071b
--- /dev/null
+++ b/src/features/utils/ActionBinding.js
@@ -0,0 +1,29 @@
+export default class ActionBinding {
+  action;
+
+  isActive = false;
+
+  constructor(action) {
+    this.action = action;
+  }
+
+  start() {
+    if (!this.isActive) {
+      const { action } = this;
+      action[0].listen(action[1]);
+      this.isActive = true;
+    }
+  }
+
+  stop() {
+    if (this.isActive) {
+      const { action } = this;
+      action[0].off(action[1]);
+      this.isActive = false;
+    }
+  }
+}
+
+export const createActionBindings = actions => (
+  actions.map(a => new ActionBinding(a))
+);
diff --git a/src/features/utils/FeatureStore.js b/src/features/utils/FeatureStore.js
index 66b66a104..b6e0fbce3 100644
--- a/src/features/utils/FeatureStore.js
+++ b/src/features/utils/FeatureStore.js
@@ -1,21 +1,42 @@
-import Reaction from '../../stores/lib/Reaction';
+import { union } from 'lodash';
 
 export class FeatureStore {
   _actions = null;
 
   _reactions = null;
 
-  _listenToActions(actions) {
-    if (this._actions) this._actions.forEach(a => a[0].off(a[1]));
-    this._actions = [];
-    actions.forEach(a => this._actions.push(a));
-    this._actions.forEach(a => a[0].listen(a[1]));
+  stop() {
+    this._stopActions();
+    this._stopReactions();
   }
 
-  _startReactions(reactions) {
-    if (this._reactions) this._reactions.forEach(r => r.stop());
-    this._reactions = [];
-    reactions.forEach(r => this._reactions.push(new Reaction(r)));
-    this._reactions.forEach(r => r.start());
+  // ACTIONS
+
+  _registerActions(actions) {
+    this._actions = union(this._actions, actions);
+    this._startActions();
+  }
+
+  _startActions(actions = this._actions) {
+    actions.forEach(a => a.start());
+  }
+
+  _stopActions(actions = this._actions) {
+    actions.forEach(a => a.stop());
+  }
+
+  // REACTIONS
+
+  _registerReactions(reactions) {
+    this._reactions = union(this._reactions, reactions);
+    this._startReactions();
+  }
+
+  _startReactions(reactions = this._reactions) {
+    reactions.forEach(r => r.start());
+  }
+
+  _stopReactions(reactions = this._reactions) {
+    reactions.forEach(r => r.stop());
   }
 }