4 files changed, 19 insertions, 21 deletions
diff --git a/FrontEnd/src/App.tsx b/FrontEnd/src/App.tsx
index 8fafc02e..78e8a146 100644
--- a/FrontEnd/src/App.tsx
+++ b/FrontEnd/src/App.tsx
@@ -30,16 +30,16 @@ function App(): ReactElement | null {
         <div style={{ height: 56 }} />
         <Routes>
           <Route index element={user == null ? <Home /> : <Center />} />
-          <Route path="/home" element={<Home />} />
-          <Route path="/center" element={<Center />} />
-          <Route path="/login" element={<Login />} />
-          <Route path="/register" element={<Register />} />
-          <Route path="/settings" element={<Settings />} />
-          <Route path="/about" element={<About />} />
-          <Route path="/search" element={<Search />} />
-          <Route path="/admin" element={<Admin />} />
-          <Route path="/:owner" element={<TimelinePage />} />
-          <Route path="/:owner/:timeline" element={<TimelinePage />} />
+          <Route path="home" element={<Home />} />
+          <Route path="center" element={<Center />} />
+          <Route path="login" element={<Login />} />
+          <Route path="register" element={<Register />} />
+          <Route path="settings" element={<Settings />} />
+          <Route path="about" element={<About />} />
+          <Route path="search" element={<Search />} />
+          <Route path="admin/*" element={<Admin />} />
+          <Route path=":owner" element={<TimelinePage />} />
+          <Route path=":owner/:timeline" element={<TimelinePage />} />
           <Route element={<NoMatch />} />
         </Routes>
         <AlertHost />
diff --git a/FrontEnd/src/views/admin/Admin.tsx b/FrontEnd/src/views/admin/Admin.tsx
index adb1e458..e8d86487 100644
--- a/FrontEnd/src/views/admin/Admin.tsx
+++ b/FrontEnd/src/views/admin/Admin.tsx
@@ -17,8 +17,8 @@ const Admin: React.FC = () => {
         <AdminNav className="mt-2" />
         <Routes>
           <Route index element={<UserAdmin />} />
-          <Route path="/admin/user" element={<UserAdmin />} />
-          <Route path="/admin/more" element={<MoreAdmin />} />
+          <Route path="user" element={<UserAdmin />} />
+          <Route path="more" element={<MoreAdmin />} />
         </Routes>
       </div>
     </>
diff --git a/FrontEnd/src/views/admin/AdminNav.tsx b/FrontEnd/src/views/admin/AdminNav.tsx
index dc8b7dd0..49817cf8 100644
--- a/FrontEnd/src/views/admin/AdminNav.tsx
+++ b/FrontEnd/src/views/admin/AdminNav.tsx
@@ -1,12 +1,11 @@
 import React from "react";
-import { useParams } from "react-router-dom";
+import { useLocation } from "react-router-dom";
 
 import Tabs from "../common/tab/Tabs";
 
 const AdminNav: React.FC<{ className?: string }> = ({ className }) => {
-  const params = useParams();
-
-  const name = params.name;
+  const location = useLocation();
+  const name = location.pathname.split("/")[2] ?? "user";
 
   return (
     <Tabs
@@ -14,9 +13,9 @@ const AdminNav: React.FC<{ className?: string }> = ({ className }) => {
       activeTabName={name}
       tabs={[
         {
-          name: "users",
+          name: "user",
           text: "admin:nav.users",
-          link: "/admin/users",
+          link: "/admin/user",
         },
         {
           name: "more",
diff --git a/FrontEnd/src/views/admin/UserAdmin.tsx b/FrontEnd/src/views/admin/UserAdmin.tsx
index d6480bf4..e85281e3 100644
--- a/FrontEnd/src/views/admin/UserAdmin.tsx
+++ b/FrontEnd/src/views/admin/UserAdmin.tsx
@@ -136,7 +136,7 @@ const UserPermissionModifyDialog: React.FC<{
       inputScheme={kUserPermissionList.map<OperationDialogBoolInput>(
         (permission, index) => ({
           type: "bool",
-          label: permission,
+          label: { type: "custom", value: permission },
           initValue: oldPermissionBoolList[index],
         })
       )}
@@ -184,7 +184,6 @@ const UserItem: React.FC<UserItemProps> = ({ user, onChange }) => {
       <div className="admin-user-item">
         <IconButton
           icon="pencil-square"
-          color="primary-enhance"
           className="cru-float-right"
           onClick={() => setEditMaskVisible(true)}
         />
@@ -202,7 +201,7 @@ const UserItem: React.FC<UserItemProps> = ({ user, onChange }) => {
           {user.permissions.map((permission) => {
             return (
               <span key={permission} className="cru-color-danger">
-                {permission}{" "}
+                {permission}
               </span>
             );
           })}