refactor: rename states to view controllers (#1060)

app/assets/javascripts/Controllers/QuickSettingsController.ts

@@ -0,0 +1,49 @@
+import { action, makeObservable, observable } from 'mobx'
+
+export class QuickSettingsController {
+  open = false
+  shouldAnimateCloseMenu = false
+  focusModeEnabled = false
+
+  constructor() {
+    makeObservable(this, {
+      open: observable,
+      shouldAnimateCloseMenu: observable,
+      focusModeEnabled: observable,
+
+      setOpen: action,
+      setShouldAnimateCloseMenu: action,
+      setFocusModeEnabled: action,
+      toggle: action,
+      closeQuickSettingsMenu: action,
+    })
+  }
+
+  setOpen = (open: boolean): void => {
+    this.open = open
+  }
+
+  setShouldAnimateCloseMenu = (shouldAnimate: boolean): void => {
+    this.shouldAnimateCloseMenu = shouldAnimate
+  }
+
+  setFocusModeEnabled = (enabled: boolean): void => {
+    this.focusModeEnabled = enabled
+  }
+
+  toggle = (): void => {
+    if (this.open) {
+      this.closeQuickSettingsMenu()
+    } else {
+      this.setOpen(true)
+    }
+  }
+
+  closeQuickSettingsMenu = (): void => {
+    this.setShouldAnimateCloseMenu(true)
+    setTimeout(() => {
+      this.setOpen(false)
+      this.setShouldAnimateCloseMenu(false)
+    }, 150)
+  }
+}