refactor: unify brand constants

Author: HoPGoldy

packages/frontend/src/config.ts

@@ -3,6 +3,16 @@
  */
 export const DATE_FORMATTER = "YYYY-MM-DD HH:mm:ss";
 
+/**
+ * 应用名称
+ */
+export const APP_NAME = "Cube Diary";
+
+/**
+ * 应用副标题
+ */
+export const APP_SUBTITLE = "记录你的生活";
+
 /**
  * 固定分页条数
  */

packages/frontend/src/pages/login/page.tsx

@@ -6,7 +6,7 @@ import { login } from "../../store/user";
 import { messageError } from "@/utils/message";
 import { KeyOutlined } from "@ant-design/icons";
 import { useLoginSuccess } from "./use-login-success";
-import { THEME_BUTTON_COLOR } from "@/config";
+import { APP_NAME, APP_SUBTITLE, THEME_BUTTON_COLOR } from "@/config";
 import { usePageTitle } from "@/store/global";
 
 export const LoginPage = () => {
@@ -42,8 +42,8 @@ export const LoginPage = () => {
     if (e.key === "Enter") onPasswordSubmit();
   };
 
-  const appTitle = "Cube Note";
-  const appSubTitle = "记录你的生活";
+  const appTitle = APP_NAME;
+  const appSubTitle = APP_SUBTITLE;
 
   return (
     <div className="h-screen w-screen bg-gray-100 dark:bg-neutral-800 flex flex-col justify-center items-center dark:text-gray-100">

packages/frontend/src/pages/user-setting/index.tsx

@@ -6,6 +6,7 @@ import {
   SnippetsOutlined,
 } from "@ant-design/icons";
 import { UserOutlined, RightOutlined, LogoutOutlined } from "@ant-design/icons";
+import { APP_NAME } from "@/config";
 import { Cell, SplitLine } from "@/components/cell";
 import { SettingLinkItem, useSettingMenu } from "./use-setting-menu";
 import { AboutModal } from "../about";
@@ -148,7 +149,7 @@ export const MobileSetting: FC<MobileProps> = (props) => {
       }
     >
       <Flex vertical className="p-4" gap={16}>
-        <h1 className="text-center">Cube Note</h1>
+        <h1 className="text-center">{APP_NAME}</h1>
         <Flex vertical gap={16} className="flex-grow">
           <Card size="small">
             <Row justify="space-around">

packages/frontend/src/store/global.ts

@@ -1,5 +1,6 @@
 import { atom, useSetAtom } from "jotai";
 import { useEffect } from "react";
+import { APP_NAME } from "@/config";
 
 export const getIsMobile = () => {
   const screenWidth =
@@ -26,13 +27,13 @@ export const usePageTitle = (title: string) => {
 
   useEffect(() => {
     setCurrentPageTitle(title);
-    document.title = title + " - Cube Note";
+    document.title = title + " - " + APP_NAME;
   }, [title]);
 
   useEffect(() => {
     return () => {
       setCurrentPageTitle("");
-      document.title = "Cube Note";
+      document.title = APP_NAME;
     };
   }, []);
 };