feat(admin): added redirect to main page

src/components/Admin/Admin.tsx

@@ -2,6 +2,7 @@ import {FC} from 'react'
 import {Admin as ReactAdmin, Resource} from 'react-admin'
 
 import {dataProvider} from './dataProvider'
+import {AdminLayout} from './layout'
 import {FlatpageCreate} from './resources/base/flat-page/FlatpageCreate'
 import {FlatpageEdit} from './resources/base/flat-page/FlatpageEdit'
 import {FlatpageList} from './resources/base/flat-page/FlatpageList'
@@ -26,7 +27,7 @@ export const Admin: FC = () => {
   const authProvider = useAuthProvider()
 
   return (
-    <ReactAdmin authProvider={authProvider} dataProvider={dataProvider}>
+    <ReactAdmin authProvider={authProvider} dataProvider={dataProvider} layout={AdminLayout}>
       <Resource name="cms/post" list={PostList} edit={PostEdit} show={PostShow} create={PostCreate} />
       <Resource name="competition/series" list={SeriesList} edit={SeriesEdit} show={SeriesShow} />
       <Resource name="competition/event" list={EventList} edit={EventEdit} show={EventShow} create={EventCreate} />

src/components/Admin/layout.tsx

@@ -0,0 +1,25 @@
+import HomeIcon from '@mui/icons-material/Home'
+import {Box, IconButton, Tooltip} from '@mui/material'
+import {useRouter} from 'next/router'
+import {AppBar, Layout, LayoutProps} from 'react-admin'
+
+const AppMenuBar = () => {
+  const router = useRouter()
+
+  return (
+    <>
+      <AppBar position="relative">
+        <Box flex={1} />
+        <Tooltip title="Back to main page">
+          <IconButton color="inherit" onClick={() => router.push('/')}>
+            <HomeIcon />
+          </IconButton>
+        </Tooltip>
+      </AppBar>
+    </>
+  )
+}
+
+export const AdminLayout = (props: LayoutProps) => {
+  return <Layout {...props} appBar={AppMenuBar} />
+}