u

src/automats/userSettingsAutomat.js

@@ -8,11 +8,13 @@ import { Automat } from 'react-automat';
  * @typedef {Object} UserSettingsState
  * @property {ViewerPosition} viewerPosition Preferred docking position of the
  *   attachment viewer (text editor / PDF preview) relative to the article list.
+ * @property {number} chatDrawerWidth Preferred width of the chat drawer in pixels.
  */
 
 /** @type {UserSettingsState} */
 const initialState = {
   viewerPosition: 'top',
+  chatDrawerWidth: 460,
 };
 
 /**
@@ -37,6 +39,20 @@ const userSettingsAutomat = new Automat(
       }
       userSettingsAutomat.setState({ viewerPosition: position });
     },
+
+    /**
+     * Set the width of the chat drawer in pixels.
+     *
+     * @param {number} width
+     * @returns {void}
+     */
+    setChatDrawerWidth(width) {
+      const num = Number(width);
+      if (Number.isNaN(num) || num < 280) {
+        return;
+      }
+      userSettingsAutomat.setState({ chatDrawerWidth: Math.round(num) });
+    },
   },
   {
     name: 'userSettings',
@@ -45,4 +61,5 @@ const userSettingsAutomat = new Automat(
 );
 
 export default userSettingsAutomat;
-export const { setViewerPosition } = userSettingsAutomat.actions;
+export const { setViewerPosition, setChatDrawerWidth } = userSettingsAutomat.actions;
+export const selectChatDrawerWidth = () => userSettingsAutomat.state.chatDrawerWidth || 460;