chore: update initial global loader

web/public/manifest.json

@@ -1,6 +1,6 @@
 {
-  "short_name": "Memos",
+  "short_name": "memos",
-  "name": "Memos",
+  "name": "memos",
   "description": "usememos/memos",
   "icons": [
     {

web/src/locales/en.json

@@ -320,8 +320,8 @@
         "days": "days"
     },
     "about": {
-        "about-memos": "About Memos",
+        "about-memos": "About memos",
-        "memos-description": "Memos is a web-based note-taking application that you can use to write, organize, and share notes.",
+        "memos-description": "memos is a web-based note-taking application that you can use to write, organize, and share notes.",
         "no-server-description": "No description configured for this server.",
         "powered-by": "Powered by",
         "other-projects": "Other Projects"

web/src/router/index.tsx

@@ -18,21 +18,14 @@ const Resources = lazy(() => import("@/pages/Resources"));
 const Setting = lazy(() => import("@/pages/Setting"));
 const NotFound = lazy(() => import("@/pages/NotFound"));
 
-const initialGlobalStateLoader = (() => {
+const initialGlobalStateLoader = async () => {
-  let done = false;
+  try {
-
+    await initialGlobalState();
-  return async () => {
+  } catch (error) {
-    if (done) {
+    // do nth
-      return;
+  }
-    }
+  return null;
-    done = true;
+};
-    try {
-      await initialGlobalState();
-    } catch (error) {
-      // do nth
-    }
-  };
-})();
 
 const initialUserStateLoader = async (redirectWhenNotFound = true) => {
   let user = undefined;
@@ -52,10 +45,7 @@ const router = createBrowserRouter([
   {
     path: "/",
     element: <App />,
-    loader: async () => {
+    loader: () => initialGlobalStateLoader(),
-      await initialGlobalStateLoader();
-      return null;
-    },
     children: [
       {
         path: "/auth",

web/src/store/module/global.ts

@@ -7,9 +7,10 @@ import store, { useAppSelector } from "../";
 import { setAppearance, setGlobalState, setLocale } from "../reducer/global";
 
 export const initialGlobalState = async () => {
+  const { locale: storageLocale, appearance: storageAppearance } = storage.get(["locale", "appearance"]);
   const defaultGlobalState = {
-    locale: "en" as Locale,
+    locale: (storageLocale || "en") as Locale,
-    appearance: "system" as Appearance,
+    appearance: (storageAppearance || "system") as Appearance,
     systemStatus: {
       allowSignUp: false,
       disablePasswordLogin: false,
@@ -30,14 +31,6 @@ export const initialGlobalState = async () => {
     } as SystemStatus,
   };
 
-  const { locale: storageLocale, appearance: storageAppearance } = storage.get(["locale", "appearance"]);
-  if (storageLocale) {
-    defaultGlobalState.locale = storageLocale;
-  }
-  if (storageAppearance) {
-    defaultGlobalState.appearance = storageAppearance;
-  }
-
   const { data } = await api.getSystemStatus();
   if (data) {
     const customizedProfile = data.customizedProfile;
@@ -53,8 +46,8 @@ export const initialGlobalState = async () => {
       },
     };
     defaultGlobalState.locale =
-      storageLocale || defaultGlobalState.systemStatus.customizedProfile.locale || findNearestLanguageMatch(i18n.language);
+      defaultGlobalState.locale || defaultGlobalState.systemStatus.customizedProfile.locale || findNearestLanguageMatch(i18n.language);
-    defaultGlobalState.appearance = defaultGlobalState.systemStatus.customizedProfile.appearance;
+    defaultGlobalState.appearance = defaultGlobalState.appearance || defaultGlobalState.systemStatus.customizedProfile.appearance;
   }
   store.dispatch(setGlobalState(defaultGlobalState));
 };