Make todo layer resizable

1 files changed, 33 insertions, 0 deletions

diff --git a/src/features/todos/index.js b/src/features/todos/index.js
new file mode 100644
index 000000000..0dfd35c78
--- /dev/null
+++ b/src/features/todos/index.js
@@ -0,0 +1,33 @@
+import { reaction } from 'mobx';
+import TodoStore from './store';
+
+const debug = require('debug')('Franz:feature:todos');
+
+export const GA_CATEGORY_TODOS = 'Todos';
+
+export const DEFAULT_TODOS_WIDTH = 300;
+export const TODOS_MIN_WIDTH = 200;
+
+export const todoStore = new TodoStore();
+
+export default function initTodos(stores, actions) {
+  stores.todos = todoStore;
+  const { features } = stores;
+
+  // Toggle todos feature
+  reaction(
+    () => features.features.isTodosEnabled,
+    (isEnabled) => {
+      if (isEnabled) {
+        debug('Initializing `todos` feature');
+        todoStore.start(stores, actions);
+      } else if (todoStore.isFeatureActive) {
+        debug('Disabling `todos` feature');
+        todoStore.stop();
+      }
+    },
+    {
+      fireImmediately: true,
+    },
+  );
+}