Introduce a new design for the left pane

2021-10-12 18:59:08 -05:00 · 2021-10-12 18:59:08 -05:00 · 35a54cdc02
commit 35a54cdc02
parent d60600d6fb
63 changed files with 1205 additions and 576 deletions
--- a/ts/components/_util.ts
+++ b/ts/components/_util.ts
@ -4,3 +4,14 @@
 export function cleanId(id: string): string {
  return id.replace(/[^\u0020-\u007e\u00a0-\u00ff]/g, '_');
 }
+
+export enum WidthBreakpoint {
+  Wide = 'wide',
+  Medium = 'medium',
+  Narrow = 'narrow',
+}
+
+export const getConversationListWidthBreakpoint = (
+  width: number
+): WidthBreakpoint =>
+  width >= 150 ? WidthBreakpoint.Wide : WidthBreakpoint.Narrow;