feat: rename profile page

src/pages/_layout.tsx

@@ -6,12 +6,12 @@ import { createTheme, List, Paper, ThemeProvider } from "@mui/material";
 import { atomPaletteMode } from "../states/setting";
 import { getVergeConfig } from "../services/command";
 import LogoSvg from "../assets/image/logo.svg";
-import LogPage from "../pages/log";
-import HomePage from "../pages/home";
-import RulesPage from "../pages/rules";
-import ProxyPage from "../pages/proxy";
-import SettingPage from "../pages/setting";
-import ConnectionsPage from "../pages/connections";
+import LogPage from "./log";
+import HomePage from "./home";
+import ProfilePage from "./profile";
+import ProxyPage from "./proxy";
+import SettingPage from "./setting";
+import ConnectionsPage from "./connections";
 import ListItemLink from "../components/list-item-link";
 import Traffic from "../components/traffic";
 
@@ -21,8 +21,8 @@ const routers = [
     link: "/proxy",
   },
   {
-    label: "规则",
-    link: "/rules",
+    label: "配置",
+    link: "/profile",
   },
   {
     label: "连接",
@@ -110,7 +110,7 @@ const Layout = () => {
             <Routes>
               <Route path="/" element={<HomePage />} />
               <Route path="/proxy" element={<ProxyPage />} />
-              <Route path="/rules" element={<RulesPage />} />
+              <Route path="/profile" element={<ProfilePage />} />
               <Route path="/log" element={<LogPage />} />
               <Route path="/connections" element={<ConnectionsPage />} />
               <Route path="/setting" element={<SettingPage />} />

src/pages/profile.tsx

@@ -12,7 +12,7 @@ import ProfileItemComp from "../components/profile-item";
 import useNotice from "../utils/use-notice";
 import noop from "../utils/noop";
 
-const RulesPage = () => {
+const ProfilePage = () => {
   const [url, setUrl] = useState("");
   const [disabled, setDisabled] = useState(false);
   const [notice, noticeElement] = useNotice();
@@ -67,7 +67,7 @@ const RulesPage = () => {
   return (
     <Box sx={{ width: 0.9, maxWidth: "850px", mx: "auto", mb: 2 }}>
       <Typography variant="h4" component="h1" sx={{ py: 2, mb: 1 }}>
-        Rules
+        Profiles
       </Typography>
 
       <Box sx={{ display: "flex", mb: 3 }}>
@@ -108,4 +108,4 @@ const RulesPage = () => {
   );
 };
 
-export default RulesPage;
+export default ProfilePage;