Fix: Icons collapsing in flex.

Feature: Remember what channel was opened last.
Channels: ESC to focus message box / cancel editing.

src/redux/reducers/index.ts

@@ -11,6 +11,7 @@ import { typing, TypingAction } from "./typing";
 import { drafts, DraftAction } from "./drafts";
 import { sync, SyncAction } from "./sync";
 import { experiments, ExperimentsAction } from "./experiments";
+import { lastOpened, LastOpenedAction } from "./last_opened";
 
 export default combineReducers({
     config,
@@ -23,6 +24,7 @@ export default combineReducers({
     drafts,
     sync,
     experiments,
+    lastOpened
 });
 
 export type Action =
@@ -36,6 +38,7 @@ export type Action =
     | DraftAction
     | SyncAction
     | ExperimentsAction
+    | LastOpenedAction
     | { type: "__INIT"; state: State };
 
 export type WithDispatcher = { dispatcher: (action: Action) => void };

src/redux/reducers/last_opened.ts

@@ -0,0 +1,29 @@
+export interface LastOpened {
+    [key: string]: string
+}
+
+export type LastOpenedAction =
+    | { type: undefined }
+    | {
+        type: "LAST_OPENED_SET";
+        parent: string;
+        child: string;
+      }
+    | {
+          type: "RESET";
+      };
+
+export function lastOpened(state = {} as LastOpened, action: LastOpenedAction): LastOpened {
+    switch (action.type) {
+        case "LAST_OPENED_SET": {
+            return {
+                ...state,
+                [action.parent]: action.child
+            }
+        }
+        case "RESET":
+            return {};
+        default:
+            return state;
+    }
+}