Private message caching

src/hooks/use-app.ts

@@ -27,6 +27,7 @@ export default function useApp(): App {
   >({});
 
   const [speaking, setSpeaking] = useState<Record<number, number>>({});
+  const [pmsLoaded, setPmsLoaded] = useState(false);
 
   useEffect(() => {
     const stored = Cookies.get("servers");
@@ -42,6 +43,22 @@ export default function useApp(): App {
       .catch(toast.error);
   }, []);
 
+  useEffect(() => {
+    const json = localStorage.getItem("privateMessages");
+    if (json) {
+      privateMessages.setMessages(JSON.parse(json));
+    }
+    setPmsLoaded(true);
+  }, []);
+
+  useEffect(() => {
+    if (!pmsLoaded) return;
+    localStorage.setItem(
+      "privateMessages",
+      JSON.stringify(privateMessages.messages)
+    );
+  }, [privateMessages.messages, pmsLoaded]);
+
   return {
     speaking,
     setSpeaking,