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: , }, + { + path: "/admin", + element: , + }, { path: "/admin/reserved-aliases", element: , 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 ( - - + + + + + + + + ) }