From 6a1629114cadf0163ee3fb8bd1cb400047293e46 Mon Sep 17 00:00:00 2001
From: Myzel394 <50424412+Myzel394@users.noreply.github.com>
Date: Sat, 4 Feb 2023 21:59:03 +0100
Subject: [PATCH] added AdminRoute.tsx

---
 public/locales/en-US/translation.json |  5 ++++-
 src/App.tsx                           |  5 +++++
 src/routes/AdminRoute.tsx             | 16 ++++++++++++----
 3 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/public/locales/en-US/translation.json b/public/locales/en-US/translation.json
index c414c7e..75c8a21 100644
--- a/public/locales/en-US/translation.json
+++ b/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": {
diff --git a/src/App.tsx b/src/App.tsx
index f2cfed2..e692d4b 100644
--- a/src/App.tsx
+++ b/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 />,
diff --git a/src/routes/AdminRoute.tsx b/src/routes/AdminRoute.tsx
index c34fda8..c19b2aa 100644
--- a/src/routes/AdminRoute.tsx
+++ b/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>
 	)
 }