feat(admin): changed toolbar

src/components/Admin/Admin.tsx

@@ -1,8 +1,8 @@
 import {FC} from 'react'
 import {Admin as ReactAdmin, Resource} from 'react-admin'
 
+import {AdminLayout} from './AdminLayout'
 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'

src/components/Admin/AdminLayout.tsx

@@ -0,0 +1,39 @@
+import {Home, Logout} from '@mui/icons-material/'
+import {Button, Stack, Typography} from '@mui/material'
+import {useRouter} from 'next/router'
+import {AppBar, Layout, LayoutProps, useLogout} from 'react-admin'
+
+const AppMenuBar = () => {
+  const router = useRouter()
+  const logout = useLogout()
+
+  return (
+    <>
+      <AppBar
+        userMenu={false}
+        position="relative"
+        toolbar={
+          <Stack gap={2} direction="row">
+            <Button color="inherit" onClick={() => router.push('/')}>
+              <Stack gap={1} direction="row">
+                <Home />
+                <Typography variant="body1">Späť na hlavnú stránku</Typography>
+              </Stack>
+            </Button>
+
+            <Button color="inherit" onClick={() => logout(null, '../../', false)}>
+              <Stack gap={1} direction="row">
+                <Logout />
+                <Typography variant="body1">Odhlásiť</Typography>
+              </Stack>
+            </Button>
+          </Stack>
+        }
+      />
+    </>
+  )
+}
+
+export const AdminLayout = (props: LayoutProps) => {
+  return <Layout {...props} appBar={AppMenuBar} />
+}