added OverviewRoute.tsx; updated API urls

public/locales/en/translation.json

@@ -18,6 +18,10 @@
     },
 
     "routes": {
+        "OverviewRoute": {
+            "title": "Overview",
+            "description": "Not much to see here, yet."
+        },
         "LoginRoute": {
             "forms": {
                 "email": {

src/App.tsx

@@ -24,6 +24,7 @@ import SettingsRoute from "~/routes/SettingsRoute"
 import SignupRoute from "~/routes/SignupRoute"
 import VerifyEmailRoute from "~/routes/VerifyEmailRoute"
 
+import OverviewRoute from "~/routes/OverviewRoute"
 import "./init-i18n"
 
 const router = createBrowserRouter([
@@ -65,6 +66,10 @@ const router = createBrowserRouter([
 				path: "/",
 				element: <AuthenticatedRoute />,
 				children: [
+					{
+						path: "/",
+						element: <OverviewRoute />,
+					},
 					{
 						loader: getServerSettings,
 						path: "/aliases",

src/apis/change-allow-email-login-from-different-devices.ts

@@ -15,7 +15,7 @@ export default async function changeAllowEmailLoginFromDifferentDevices({
 	const {data} = await client.patch(
 		`${
 			import.meta.env.VITE_SERVER_BASE_URL
-		}/auth/login/email-token/allow-login-from-different-devices`,
+		}/v1/auth/login/email-token/allow-login-from-different-devices`,
 		{
 			email,
 			sameRequestToken,

src/apis/create-alias.ts

@@ -30,9 +30,13 @@ interface CreateAliasDataCustomType extends CreateAliasDataBase {
 export type CreateAliasData = CreateAliasDataRandomType | CreateAliasDataCustomType
 
 export default async function createAlias(aliasData: CreateAliasData): Promise<Alias> {
-	const {data} = await client.post(`${import.meta.env.VITE_SERVER_BASE_URL}/alias`, aliasData, {
+	const {data} = await client.post(
-		withCredentials: true,
+		`${import.meta.env.VITE_SERVER_BASE_URL}/v1/alias`,
-	})
+		aliasData,
+		{
+			withCredentials: true,
+		},
+	)
 
 	return data
 }

src/apis/delete-report.ts

@@ -2,7 +2,7 @@ import {SimpleDetailResponse} from "~/server-types"
 import {client} from "~/constants/axios-client"
 
 export default async function deleteReport(id: string): Promise<SimpleDetailResponse> {
-	const {data} = await client.delete(`${import.meta.env.VITE_SERVER_BASE_URL}/report/${id}`, {
+	const {data} = await client.delete(`${import.meta.env.VITE_SERVER_BASE_URL}/v1/report/${id}`, {
 		withCredentials: true,
 	})
 

src/apis/get-alias.ts

@@ -2,12 +2,9 @@ import {client} from "~/constants/axios-client"
 import {Alias} from "~/server-types"
 
 export default async function getAlias(address: string): Promise<Alias> {
-	const {data} = await client.get(
+	const {data} = await client.get(`${import.meta.env.VITE_SERVER_BASE_URL}/v1/alias/${address}`, {
-		`${import.meta.env.VITE_SERVER_BASE_URL}/alias/${address}`,
+		withCredentials: true,
-		{
+	})
-			withCredentials: true,
-		},
-	)
 
 	return data
 }

src/apis/get-aliases.ts

@@ -10,17 +10,14 @@ export default async function getAliases({
 	size,
 	page,
 }: GetAliasesData): Promise<PaginationResult<AliasList>> {
-	const {data} = await client.get(
+	const {data} = await client.get(`${import.meta.env.VITE_SERVER_BASE_URL}/v1/alias`, {
-		`${import.meta.env.VITE_SERVER_BASE_URL}/alias`,
+		withCredentials: true,
-		{
+		params: {
-			withCredentials: true,
+			query,
-			params: {
+			size,
-				query,
+			page,
-				size,
-				page,
-			},
 		},
-	)
+	})
 
 	return data
 }

src/apis/get-report.ts

@@ -2,12 +2,9 @@ import {client} from "~/constants/axios-client"
 import {Report} from "~/server-types"
 
 export default async function getReport(id: string): Promise<Report> {
-	const {data} = await client.get(
+	const {data} = await client.get(`${import.meta.env.VITE_SERVER_BASE_URL}/v1/report/${id}`, {
-		`${import.meta.env.VITE_SERVER_BASE_URL}/report/${id}`,
+		withCredentials: true,
-		{
+	})
-			withCredentials: true,
-		},
-	)
 
 	return data
 }

src/apis/get-reports.ts

@@ -2,12 +2,9 @@ import {PaginationResult, Report} from "~/server-types"
 import {client} from "~/constants/axios-client"
 
 export default async function getReports(): Promise<PaginationResult<Report>> {
-	const {data} = await client.get(
+	const {data} = await client.get(`${import.meta.env.VITE_SERVER_BASE_URL}/v1/report`, {
-		`${import.meta.env.VITE_SERVER_BASE_URL}/report`,
+		withCredentials: true,
-		{
+	})
-			withCredentials: true,
-		},
-	)
 
 	return data
 }

src/apis/get-server-settings.ts

@@ -2,7 +2,5 @@ import {ServerSettings} from "~/server-types"
 import {client} from "~/constants/axios-client"
 
 export default async function getServerSettings(): Promise<ServerSettings> {
-	return (
+	return (await client.get(`${import.meta.env.VITE_SERVER_BASE_URL}/v1/settings`)).data
-		await client.get(`${import.meta.env.VITE_SERVER_BASE_URL}/settings`)
-	).data
 }

src/apis/login-with-email.ts

@@ -5,11 +5,9 @@ export interface LoginWithEmailResult {
 	sameRequestToken: string
 }
 
-export default async function loginWithEmail(
+export default async function loginWithEmail(email: string): Promise<LoginWithEmailResult> {
-	email: string,
-): Promise<LoginWithEmailResult> {
 	const {data} = await client.post(
-		`${import.meta.env.VITE_SERVER_BASE_URL}/auth/login/email-token`,
+		`${import.meta.env.VITE_SERVER_BASE_URL}/v1/auth/login/email-token`,
 		{
 			email,
 		},

src/apis/logout.ts

@@ -1,10 +1,8 @@
-import {MinimumServerResponse} from "~/server-types"
 import {client} from "~/constants/axios-client"
+import {SimpleDetailResponse} from "~/server-types"
 
 export default async function logout(): Promise<SimpleDetailResponse> {
-	const {data} = await client.post(
+	const {data} = await client.post(`${import.meta.env.VITE_SERVER_BASE_URL}/v1/auth/logout`)
-		`${import.meta.env.VITE_SERVER_BASE_URL}/auth/logout`,
-	)
 
 	return data
 }

src/apis/refresh-token.ts

@@ -6,9 +6,7 @@ export interface RefreshTokenResult {
 	detail: string
 }
 
-export const REFRESH_TOKEN_URL = `${
+export const REFRESH_TOKEN_URL = `${import.meta.env.VITE_SERVER_BASE_URL}/v1/auth/refresh`
-	import.meta.env.VITE_SERVER_BASE_URL
-}/auth/refresh`
 
 export default async function refreshToken(): Promise<RefreshTokenResult> {
 	const {data} = await client.post(REFRESH_TOKEN_URL)

src/apis/resend-email-login-code.ts

@@ -11,9 +11,7 @@ export default async function resendEmailLoginCode({
 	sameRequestToken,
 }: ResendEmailLoginCodeData): Promise<SimpleDetailResponse> {
 	const {data} = await client.post(
-		`${
+		`${import.meta.env.VITE_SERVER_BASE_URL}/v1/auth/login/email-token/resend-email`,
-			import.meta.env.VITE_SERVER_BASE_URL
-		}/auth/login/email-token/resend-email`,
 		{
 			email,
 			sameRequestToken,

src/apis/resend-email-verification-code.ts

@@ -5,7 +5,7 @@ export default async function resendEmailVerificationCode(
 	email: string,
 ): Promise<SimpleDetailResponse> {
 	const {data} = await client.post(
-		`${import.meta.env.VITE_SERVER_BASE_URL}/auth/resend-email`,
+		`${import.meta.env.VITE_SERVER_BASE_URL}/v1/auth/resend-email`,
 		{
 			email,
 		},

src/apis/signup.ts

@@ -5,12 +5,9 @@ export interface SignupResult {
 }
 
 export default async function signup(email: string): Promise<SignupResult> {
-	const {data} = await client.post(
+	const {data} = await client.post(`${import.meta.env.VITE_SERVER_BASE_URL}/v1/auth/signup`, {
-		`${import.meta.env.VITE_SERVER_BASE_URL}/auth/signup`,
+		email,
-		{
+	})
-			email,
-		},
-	)
 
 	return data
 }

src/apis/update-account.ts

@@ -13,7 +13,7 @@ export default async function updateAccount(
 	updateData: UpdateAccountData,
 ): Promise<AuthenticationDetails> {
 	const {data} = await client.patch(
-		`${import.meta.env.VITE_SERVER_BASE_URL}/account`,
+		`${import.meta.env.VITE_SERVER_BASE_URL}/v1/account`,
 		updateData,
 		{
 			withCredentials: true,

src/apis/update-alias.ts

@@ -13,7 +13,7 @@ export interface UpdateAliasData {
 
 export default async function updateAlias(id: string, updateData: UpdateAliasData): Promise<Alias> {
 	const {data} = await client.patch(
-		`${import.meta.env.VITE_SERVER_BASE_URL}/alias/${id}`,
+		`${import.meta.env.VITE_SERVER_BASE_URL}/v1/alias/${id}`,
 		updateData,
 		{
 			withCredentials: true,

src/apis/update-preferences.ts

@@ -13,7 +13,7 @@ export default async function updatePreferences(
 	updateData: UpdatePreferencesData,
 ): Promise<SimpleDetailResponse> {
 	const {data} = await client.patch(
-		`${import.meta.env.VITE_SERVER_BASE_URL}/preferences`,
+		`${import.meta.env.VITE_SERVER_BASE_URL}/v1/preferences`,
 		updateData,
 		{
 			withCredentials: true,

src/apis/verify-email.ts

@@ -12,7 +12,7 @@ export default async function verifyEmail({
 	token,
 }: VerifyEmailData): Promise<AuthenticationDetails> {
 	const {data} = await client.post(
-		`${import.meta.env.VITE_SERVER_BASE_URL}/auth/verify-email`,
+		`${import.meta.env.VITE_SERVER_BASE_URL}/v1/auth/verify-email`,
 		{
 			email: email,
 			token: token,

src/apis/verify-login-with-email.ts

@@ -14,7 +14,7 @@ export default async function verifyLoginWithEmail({
 	sameRequestToken,
 }: VerifyLoginWithEmailData): Promise<AuthenticationDetails> {
 	const {data} = await client.post(
-		`${import.meta.env.VITE_SERVER_BASE_URL}/auth/login/email-token/verify`,
+		`${import.meta.env.VITE_SERVER_BASE_URL}/v1/auth/login/email-token/verify`,
 		{
 			email,
 			token,

src/route-widgets/AuthenticateRoute/NavigationButton.tsx

@@ -3,11 +3,12 @@ import {BiStats} from "react-icons/bi"
 import {MdSettings} from "react-icons/md"
 import {FaMask} from "react-icons/fa"
 import {Link as RouterLink, useLocation} from "react-router-dom"
+import {useTranslation} from "react-i18next"
 
 import {Button} from "@mui/material"
 import {mdiTextBoxMultiple} from "@mdi/js/commonjs/mdi"
-import {useTranslation} from "react-i18next"
 import Icon from "@mdi/react"
+
 import LockNavigationContext from "~/LockNavigationContext/LockNavigationContext"
 
 export enum NavigationSection {
@@ -42,9 +43,7 @@ const PATH_SECTION_MAP: Record<string, NavigationSection> = {
 	settings: NavigationSection.Settings,
 }
 
-export default function NavigationButton({
+export default function NavigationButton({section}: NavigationButtonProps): ReactElement {
-	section,
-}: NavigationButtonProps): ReactElement {
 	const {t} = useTranslation()
 	const {handleAnchorClick} = useContext(LockNavigationContext)
 	const location = useLocation()
@@ -61,9 +60,8 @@ export default function NavigationButton({
 			startIcon={Icon}
 			component={RouterLink}
 			to={
-				Object.keys(PATH_SECTION_MAP).find(
+				Object.keys(PATH_SECTION_MAP).find(path => PATH_SECTION_MAP[path] === section) ??
-					path => PATH_SECTION_MAP[path] === section,
+				"/"
-				) ?? "/"
 			}
 			onClick={handleAnchorClick}
 		>

src/routes/OverviewRoute.tsx

@@ -0,0 +1,20 @@
+import {ReactElement} from "react"
+import {useTranslation} from "react-i18next"
+
+import {Grid, Typography} from "@mui/material"
+
+import {SimplePage} from "~/components"
+
+export default function OverviewRoute(): ReactElement {
+	const {t} = useTranslation()
+
+	return (
+		<SimplePage title={t("routes.OverviewRoute.title")}>
+			<Grid container>
+				<Grid item>
+					<Typography variant="body1">{t("routes.OverviewRoute.description")}</Typography>
+				</Grid>
+			</Grid>
+		</SimplePage>
+	)
+}