refactor: move all applicable parts to mobx instead of passing from parent to children components

app/assets/javascripts/ui_models/app_state/account_menu_state.ts

@@ -6,7 +6,13 @@ import { SNItem } from '@standardnotes/snjs/dist/@types/models/core/item';
 export class AccountMenuState {
   show = false;
   signingOut = false;
+  server: string | undefined = undefined;
   notesAndTags: SNItem[] = [];
+  isEncryptionEnabled = false;
+  encryptionStatusString = '';
+  isBackupEncrypted = false;
+  showLogin = false;
+  showRegister = false;
 
   constructor(
     private application: WebApplication,
@@ -15,21 +21,34 @@ export class AccountMenuState {
     makeObservable(this, {
       show: observable,
       signingOut: observable,
+      server: observable,
       notesAndTags: observable,
+      isEncryptionEnabled: observable,
+      encryptionStatusString: observable,
+      isBackupEncrypted: observable,
+      showLogin: observable,
+      showRegister: observable,
 
       setShow: action,
       toggleShow: action,
       setSigningOut: action,
+      setIsEncryptionEnabled: action,
+      setEncryptionStatusString: action,
+      setIsBackupEncrypted: action,
 
       notesAndTagsCount: computed
     });
 
     appEventListeners.push(
       this.application.streamItems(
-        [ContentType.Note, ContentType.Tag],
+        [
+          ContentType.Note, ContentType.Tag,
+          ContentType.Component // TODO: is this correct for streaming `server`?
+        ],
         () => {
           runInAction(() => {
             this.notesAndTags = this.application.getItems([ContentType.Note, ContentType.Tag]);
+            this.setServer(this.application.getHost());
           });
         }
       )
@@ -48,6 +67,30 @@ export class AccountMenuState {
     this.signingOut = signingOut;
   };
 
+  setServer = (server: string | undefined): void => {
+    this.server = server;
+  };
+
+  setIsEncryptionEnabled = (isEncryptionEnabled: boolean): void => {
+    this.isEncryptionEnabled = isEncryptionEnabled;
+  };
+
+  setEncryptionStatusString = (encryptionStatusString: string): void => {
+    this.encryptionStatusString = encryptionStatusString;
+  };
+
+  setIsBackupEncrypted = (isBackupEncrypted: boolean): void => {
+    this.isBackupEncrypted = isBackupEncrypted;
+  };
+
+  setShowLogin = (showLogin: boolean): void => {
+    this.showLogin = showLogin;
+  };
+
+  setShowRegister = (showRegister: boolean): void => {
+    this.showRegister = showRegister;
+  };
+
   toggleShow = (): void => {
     this.show = !this.show;
   };