parent
d37a039688
commit
04dbf7224c
@ -0,0 +1,48 @@
|
||||
import React from 'react'
|
||||
import useStore from '../store'
|
||||
import { Box, Heading, Link, Stack, Text } from '@chakra-ui/react'
|
||||
|
||||
const Error: React.FC = () => {
|
||||
const error = useStore((state) => state.error)
|
||||
|
||||
const errorText = (): string => {
|
||||
switch (error) {
|
||||
case 'SOCKET': {
|
||||
return 'Ocurrió un error de conexión'
|
||||
}
|
||||
default:
|
||||
return 'Ocurrió un error desconocido'
|
||||
}
|
||||
}
|
||||
|
||||
const reloadPage = () => {
|
||||
window.location.reload()
|
||||
return false
|
||||
}
|
||||
|
||||
return (
|
||||
<Stack
|
||||
h="100vh"
|
||||
direction="column"
|
||||
justify="center"
|
||||
align="center"
|
||||
w="100%"
|
||||
spacing="1rem"
|
||||
>
|
||||
<Heading mb="2rem">¡Oh no! </Heading>
|
||||
<Box textAlign="center">
|
||||
<Text>{errorText()}</Text>
|
||||
<Text mb="2rem">
|
||||
Por favor,{' '}
|
||||
<Link onClick={() => reloadPage()}>clickeá acá para recargar la página </Link>
|
||||
</Text>
|
||||
</Box>
|
||||
<Text as="small">
|
||||
Si el problema persiste, envía un correo electrónico a{' '}
|
||||
<Link href="mailto:ianmethyst@gmail.com">ianmethyst@gmail.com</Link>
|
||||
</Text>
|
||||
</Stack>
|
||||
)
|
||||
}
|
||||
|
||||
export default Error
|
Loading…
Reference in new issue