Fix mis-imported components

This commit is contained in:
jeffvli 2023-01-08 02:08:19 -08:00
parent 6f2108940e
commit 5344493845

View file

@ -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>
); );
}; };