Fix mis-imported components
This commit is contained in:
parent
6f2108940e
commit
5344493845
1 changed files with 6 additions and 6 deletions
|
@ -1,7 +1,7 @@
|
||||||
import { Container, Center, Stack, Group, Button, Divider } from '@mantine/core';
|
import { Center, Stack, Group, Divider, Box } from '@mantine/core';
|
||||||
import { RiArrowLeftSLine, RiErrorWarningLine, RiHomeFill } from 'react-icons/ri';
|
import { RiArrowLeftSLine, RiErrorWarningLine, RiHome4Line } from 'react-icons/ri';
|
||||||
import { useNavigate, useRouteError } from 'react-router';
|
import { useNavigate, useRouteError } from 'react-router';
|
||||||
import { Text } from '/@/renderer/components';
|
import { Button, Text } from '/@/renderer/components';
|
||||||
import { AppRoute } from '/@/renderer/router/routes';
|
import { AppRoute } from '/@/renderer/router/routes';
|
||||||
|
|
||||||
const RouteErrorBoundary = () => {
|
const RouteErrorBoundary = () => {
|
||||||
|
@ -22,7 +22,7 @@ const RouteErrorBoundary = () => {
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Container>
|
<Box bg="var(--main-bg)">
|
||||||
<Center sx={{ height: '100vh' }}>
|
<Center sx={{ height: '100vh' }}>
|
||||||
<Stack sx={{ maxWidth: '50%' }}>
|
<Stack sx={{ maxWidth: '50%' }}>
|
||||||
<Group>
|
<Group>
|
||||||
|
@ -43,7 +43,7 @@ const RouteErrorBoundary = () => {
|
||||||
<Text size="sm">{error?.message}</Text>
|
<Text size="sm">{error?.message}</Text>
|
||||||
<Group grow>
|
<Group grow>
|
||||||
<Button
|
<Button
|
||||||
leftIcon={<RiHomeFill />}
|
leftIcon={<RiHome4Line />}
|
||||||
sx={{ flex: 0.5 }}
|
sx={{ flex: 0.5 }}
|
||||||
variant="default"
|
variant="default"
|
||||||
onClick={handleHome}
|
onClick={handleHome}
|
||||||
|
@ -59,7 +59,7 @@ const RouteErrorBoundary = () => {
|
||||||
</Group>
|
</Group>
|
||||||
</Stack>
|
</Stack>
|
||||||
</Center>
|
</Center>
|
||||||
</Container>
|
</Box>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
Reference in a new issue