pythonasyncioapiasyncfastapiframeworkjsonjson-schemaopenapiopenapi3pydanticpython-typespython3redocreststarletteswaggerswagger-uiuvicornweb
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
60 lines
1.4 KiB
60 lines
1.4 KiB
import { Button, Center, Flex, Text } from "@chakra-ui/react"
|
|
import { Link } from "@tanstack/react-router"
|
|
import { useTranslation } from "react-i18next"
|
|
|
|
const NotFound = () => {
|
|
const { t } = useTranslation()
|
|
|
|
return (
|
|
<>
|
|
<Flex
|
|
height="100vh"
|
|
align="center"
|
|
justify="center"
|
|
flexDir="column"
|
|
data-testid="not-found"
|
|
p={4}
|
|
>
|
|
<Flex alignItems="center" zIndex={1}>
|
|
<Flex flexDir="column" ml={4} align="center" justify="center" p={4}>
|
|
<Text
|
|
fontSize={{ base: "6xl", md: "8xl" }}
|
|
fontWeight="bold"
|
|
lineHeight="1"
|
|
mb={4}
|
|
>
|
|
{t('notFound.title')}
|
|
</Text>
|
|
<Text fontSize="2xl" fontWeight="bold" mb={2}>
|
|
{t('notFound.subtitle')}
|
|
</Text>
|
|
</Flex>
|
|
</Flex>
|
|
|
|
<Text
|
|
fontSize="lg"
|
|
color="gray.600"
|
|
mb={4}
|
|
textAlign="center"
|
|
zIndex={1}
|
|
>
|
|
{t('notFound.description')}
|
|
</Text>
|
|
<Center zIndex={1}>
|
|
<Link to="/">
|
|
<Button
|
|
variant="solid"
|
|
colorScheme="teal"
|
|
mt={4}
|
|
alignSelf="center"
|
|
>
|
|
{t('notFound.goHome')}
|
|
</Button>
|
|
</Link>
|
|
</Center>
|
|
</Flex>
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default NotFound
|
|
|