rehydrate nickname states

Author: AmyrAhmady

src/states/settings.ts

@@ -1,3 +1,5 @@
+import { emit, listen } from "@tauri-apps/api/event";
+import { appWindow } from "@tauri-apps/api/window";
 import { create } from "zustand";
 import { createJSONStorage, persist } from "zustand/middleware";
 import { stateStorage } from "../utils/stateStorage";
@@ -13,14 +15,21 @@ interface SettingsPersistentState {
   setSampVersion: (version: SAMPDLLVersions) => void;
 }
 
+const emitWithDelay = (event: string, payload: any) =>
+  setTimeout(() => emit(event, payload), 200);
+
 const useSettings = create<SettingsPersistentState>()(
   persist(
     (set) => ({
       nickName: "",
       gtasaPath: "",
       sampVersion: "custom",
       dataMerged: false,
-      setNickName: (name) => set({ nickName: name }),
+      setNickName: (name) =>
+        set(() => {
+          emitWithDelay("setNickName", name);
+          return { nickName: name };
+        }),
       setGTASAPath: (path) => set({ gtasaPath: path }),
       setSampVersion: (version) => set({ sampVersion: version }),
     }),
@@ -31,5 +40,13 @@ const useSettings = create<SettingsPersistentState>()(
   )
 );
 
+["setNickName"].forEach((event) =>
+  listen(event, (ev) => {
+    if (ev.windowLabel !== appWindow.label) {
+      useSettings.persist.rehydrate();
+    }
+  })
+);
+
 export { useSettings };