added AdminRoute.tsx

public/locales/en-US/translation.json

@@ -312,10 +312,13 @@
         },
         "AdminRoute": {
             "title": "Site configuration",
+            "routes": {
+                "reservedAliases": "Reserved Aliases"
+            },
             "forms": {
                 "reservedAliases": {
                     "title": "Reserved Aliases",
-                    "description": "Define which aliases will be reserved for your domain.",
+                    "description": "Define what alias should forward to whom.",
                     "saveAction": "Create Alias",
                     "fields": {
                         "local": {

src/App.tsx

@@ -8,6 +8,7 @@ import {CssBaseline, ThemeProvider} from "@mui/material"
 import {queryClient} from "~/constants/react-query"
 import {getServerSettings} from "~/apis"
 import {lightTheme} from "~/constants/themes"
+import AdminRoute from "~/routes/AdminRoute"
 import AliasDetailRoute from "~/routes/AliasDetailRoute"
 import AliasesRoute from "~/routes/AliasesRoute"
 import AuthenticateRoute from "~/routes/AuthenticateRoute"
@@ -101,6 +102,10 @@ const router = createBrowserRouter([
 						loader: getServerSettings,
 						element: <EnterDecryptionPassword />,
 					},
+					{
+						path: "/admin",
+						element: <AdminRoute />,
+					},
 					{
 						path: "/admin/reserved-aliases",
 						element: <ReservedAliasesRoute />,

src/routes/AdminRoute.tsx

@@ -1,10 +1,12 @@
 import {ReactElement, useLayoutEffect} from "react"
 import {useTranslation} from "react-i18next"
+import {BsStarFill} from "react-icons/bs"
+import {Link} from "react-router-dom"
+
+import {List, ListItemButton, ListItemIcon, ListItemText} from "@mui/material"
 
 import {SimplePageBuilder} from "~/components"
 import {useNavigateToNext, useUser} from "~/hooks"
-import ReservedAliasesForm from "~/route-widgets/AdminPage/ReservedAliasesForm"
-import ReservedAliasesList from "~/route-widgets/AdminPage/ReservedAliasesList"
 
 export default function AdminRoute(): ReactElement {
 	const {t} = useTranslation()
@@ -19,8 +21,14 @@ export default function AdminRoute(): ReactElement {
 
 	return (
 		<SimplePageBuilder.Page title={t("routes.AdminRoute.title")}>
-			<ReservedAliasesList />
-			<ReservedAliasesForm />
+			<List>
+				<ListItemButton component={Link} to="/admin/reserved-aliases">
+					<ListItemIcon>
+						<BsStarFill />
+					</ListItemIcon>
+					<ListItemText primary={t("routes.AdminRoute.routes.reservedAliases")} />
+				</ListItemButton>
+			</List>
 		</SimplePageBuilder.Page>
 	)
 }