Add option to toggle the Todos panel

1 files changed, 14 insertions, 1 deletions

diff --git a/src/features/todos/store.js b/src/features/todos/store.js
index cd9c8e5f6..79c218b65 100644
--- a/src/features/todos/store.js
+++ b/src/features/todos/store.js
@@ -9,7 +9,7 @@ import { todoActions } from './actions';
 import { FeatureStore } from '../utils/FeatureStore';
 import { createReactions } from '../../stores/lib/Reaction';
 import { createActionBindings } from '../utils/ActionBinding';
-import { DEFAULT_TODOS_WIDTH, TODOS_MIN_WIDTH } from '.';
+import { DEFAULT_TODOS_WIDTH, TODOS_MIN_WIDTH, DEFAULT_TODOS_VISIBLE } from '.';
 
 const debug = require('debug')('Franz:feature:todos:store');
 
@@ -26,6 +26,12 @@ export default class TodoStore extends FeatureStore {
     return width < TODOS_MIN_WIDTH ? TODOS_MIN_WIDTH : width;
   }
 
+  @computed get isTodosPanelVisible() {
+    if (this.settings.isTodosPanelVisible === undefined) return DEFAULT_TODOS_VISIBLE;
+
+    return this.settings.isTodosPanelVisible;
+  }
+
   @computed get settings() {
     return localStorage.getItem('todos') || {};
   }
@@ -41,6 +47,7 @@ export default class TodoStore extends FeatureStore {
 
     this._registerActions(createActionBindings([
       [todoActions.resize, this._resize],
+      [todoActions.toggleTodosPanel, this._toggleTodosPanel],
       [todoActions.setTodosWebview, this._setTodosWebview],
       [todoActions.handleHostMessage, this._handleHostMessage],
       [todoActions.handleClientMessage, this._handleClientMessage],
@@ -81,6 +88,12 @@ export default class TodoStore extends FeatureStore {
     });
   };
 
+  @action _toggleTodosPanel = () => {
+    this._updateSettings({
+      isTodosPanelVisible: !this.isTodosPanelVisible,
+    });
+  };
+
   @action _setTodosWebview = ({ webview }) => {
     debug('_setTodosWebview', webview);
     this.webview = webview;