Add menu in error boundary
This commit is contained in:
parent
314bd766df
commit
62670964c0
1 changed files with 20 additions and 2 deletions
|
@ -1,7 +1,8 @@
|
||||||
import { Center, Stack, Group, Divider, Box } from '@mantine/core';
|
import { Center, Stack, Group, Divider, Box } from '@mantine/core';
|
||||||
import { RiArrowLeftSLine, RiErrorWarningLine, RiHome4Line } from 'react-icons/ri';
|
import { RiArrowLeftSLine, RiErrorWarningLine, RiHome4Line, RiMenuFill } from 'react-icons/ri';
|
||||||
import { useNavigate, useRouteError } from 'react-router';
|
import { useNavigate, useRouteError } from 'react-router';
|
||||||
import { Button, Text } from '/@/renderer/components';
|
import { Button, DropdownMenu, Text } from '/@/renderer/components';
|
||||||
|
import { AppMenu } from '/@/renderer/features/titlebar/components/app-menu';
|
||||||
import { AppRoute } from '/@/renderer/router/routes';
|
import { AppRoute } from '/@/renderer/router/routes';
|
||||||
|
|
||||||
const RouteErrorBoundary = () => {
|
const RouteErrorBoundary = () => {
|
||||||
|
@ -54,6 +55,23 @@ const RouteErrorBoundary = () => {
|
||||||
>
|
>
|
||||||
Go home
|
Go home
|
||||||
</Button>
|
</Button>
|
||||||
|
<DropdownMenu position="bottom-start">
|
||||||
|
<DropdownMenu.Target>
|
||||||
|
<Button
|
||||||
|
leftIcon={<RiMenuFill />}
|
||||||
|
size="md"
|
||||||
|
sx={{ flex: 0.5 }}
|
||||||
|
variant="default"
|
||||||
|
>
|
||||||
|
Menu
|
||||||
|
</Button>
|
||||||
|
</DropdownMenu.Target>
|
||||||
|
<DropdownMenu.Dropdown>
|
||||||
|
<AppMenu />
|
||||||
|
</DropdownMenu.Dropdown>
|
||||||
|
</DropdownMenu>
|
||||||
|
</Group>
|
||||||
|
<Group grow>
|
||||||
<Button
|
<Button
|
||||||
size="md"
|
size="md"
|
||||||
variant="filled"
|
variant="filled"
|
||||||
|
|
Reference in a new issue