diff --git a/src/renderer/features/action-required/index.ts b/src/renderer/features/action-required/index.ts index 99c1a7eaf..b90c2ded0 100644 --- a/src/renderer/features/action-required/index.ts +++ b/src/renderer/features/action-required/index.ts @@ -1 +1,2 @@ export * from './routes/action-required-route'; +export * from './routes/invalid-route'; diff --git a/src/renderer/features/action-required/routes/action-required-route.tsx b/src/renderer/features/action-required/routes/action-required-route.tsx index 9e66bca26..fed1b9e59 100644 --- a/src/renderer/features/action-required/routes/action-required-route.tsx +++ b/src/renderer/features/action-required/routes/action-required-route.tsx @@ -67,7 +67,7 @@ export const ActionRequiredRoute = () => { <> - No issues found. + No issues found )} diff --git a/src/renderer/features/action-required/routes/invalid-route.tsx b/src/renderer/features/action-required/routes/invalid-route.tsx new file mode 100644 index 000000000..8253d1ef6 --- /dev/null +++ b/src/renderer/features/action-required/routes/invalid-route.tsx @@ -0,0 +1,24 @@ +import { Center, Group, Stack } from '@mantine/core'; +import { RiQuestionLine } from 'react-icons/ri'; +import { useLocation, useNavigate } from 'react-router-dom'; +import { Button, Text } from '@/renderer/components'; + +export const InvalidRoute = () => { + const navigate = useNavigate(); + const location = useLocation(); + + return ( +
+ + + + Page not found + + {location.pathname} + + +
+ ); +}; diff --git a/src/renderer/router/app-router.tsx b/src/renderer/router/app-router.tsx index b0352b862..d95651af8 100644 --- a/src/renderer/router/app-router.tsx +++ b/src/renderer/router/app-router.tsx @@ -1,6 +1,9 @@ /* eslint-disable sort-keys-fix/sort-keys-fix */ -import { Routes, Route, Link } from 'react-router-dom'; -import { ActionRequiredRoute } from '@/renderer/features/action-required'; +import { Routes, Route } from 'react-router-dom'; +import { + ActionRequiredRoute, + InvalidRoute, +} from '@/renderer/features/action-required'; import { AlbumListRoute } from '@/renderer/features/albums'; import { LoginRoute } from '@/renderer/features/auth'; import { DashboardRoute } from '@/renderer/features/dashboard'; @@ -25,7 +28,7 @@ export const AppRouter = () => { } path={AppRoute.NOW_PLAYING} /> } path={AppRoute.LIBRARY_ALBUMS} /> } path={AppRoute.LIBRARY_ARTISTS} /> - Go home} path="*" /> + } path="*" /> } path={AppRoute.PLAYING} />