fix(mobx): properly persist login state

src/context/index.tsx

@@ -11,6 +11,7 @@ import Locale from "./Locale";
 import Theme from "./Theme";
 import Intermediate from "./intermediate/Intermediate";
 import Client from "./revoltjs/RevoltClient";
+import SyncManager from "./revoltjs/SyncManager";
 
 /**
  * This component provides all of the application's context layers.
@@ -29,7 +30,10 @@ export default function Context({ children }: { children: Children }) {
         <Router basename={import.meta.env.BASE_URL}>
             <Locale>
                 <Intermediate>
-                    <Client>{children}</Client>
+                    <Client>
+                        {children}
+                        <SyncManager />
+                    </Client>
                 </Intermediate>
             </Locale>
             <Theme />

src/context/revoltjs/SyncManager.tsx

@@ -15,7 +15,9 @@ export default function SyncManager() {
 
     // Sync settings from Revolt.
     useEffect(() => {
+        if (client) {
             state.sync.pull(client);
+        }
     }, [client]);
 
     // Keep data synced.
@@ -23,6 +25,7 @@ export default function SyncManager() {
 
     // Take data updates from Revolt.
     useEffect(() => {
+        if (!client) return;
         function onPacket(packet: ClientboundNotification) {
             if (packet.type === "UserSettingsUpdate") {
                 state.sync.apply(packet.update);

src/mobx/State.ts

@@ -112,7 +112,7 @@ export default class State {
      * Register reaction listeners for persistent data stores.
      * @returns Function to dispose of listeners
      */
-    registerListeners(client: Client) {
+    registerListeners(client?: Client) {
         const listeners = this.persistent.map(([id, store]) => {
             return reaction(
                 () => stringify(store.toJSON()),
@@ -120,6 +120,7 @@ export default class State {
                     try {
                         await localforage.setItem(id, JSON.parse(value));
                         if (id === "sync") return;
+                        if (!client) return;
 
                         const revision = +new Date();
                         switch (id) {

src/mobx/stores/Auth.ts

@@ -85,6 +85,7 @@ export default class Auth implements Store, Persistent<Data> {
     @action setSession(session: Session) {
         this.sessions.set(session.user_id, { session });
         this.current = session.user_id;
+        console.log(this.sessions, this.current);
     }
 
     /**

src/pages/RevoltApp.tsx

@@ -129,7 +129,6 @@ export default function App() {
                 <Popovers />
                 <Notifications />
                 <StateMonitor />
-                <SyncManager />
             </OverlappingPanels>
         </>
     );