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