Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3156 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 3156 Rev 3719
Línea 1... Línea 1...
1
import React from 'react'
1
import React from 'react';
2
import { Box, Typography } from '@mui/material'
2
import { Box, Button, Typography } from '@mui/material';
3
 
-
 
4
import Button from '@app/components/UI/buttons/Buttons'
-
 
5
 
3
 
6
export default function ErrorPage() {
4
export default function ErrorPage() {
7
  const handleClick = () => window.location.reload()
5
  const handleClick = () => window.location.reload();
8
 
6
 
9
  return (
7
  return (
10
    <Box
8
    <Box
-
 
9
      sx={{
11
      display='flex'
10
        display: 'flex',
12
      flexDirection='column'
11
        flexDirection: 'column',
13
      alignItems='center'
12
        alignItems: 'center',
14
      justifyContent='center'
13
        justifyContent: 'center',
15
      minHeight='100vh'
14
        minHeight: '100vh'
-
 
15
      }}
16
    >
16
    >
17
      <Box display='flex' flexDirection='column' gap={1} textAlign='center'>
17
      <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1, textAlign: 'center' }}>
18
        <Typography variant='h1'>Oops! Ha ocurrido un error</Typography>
18
        <Typography variant='h1'>Oops! Ha ocurrido un error</Typography>
19
        <Typography>
-
 
20
          Por favor, recarga la pagina y vuelve a intentarlo
19
        <Typography>Por favor, recarga la pagina y vuelve a intentarlo</Typography>
21
        </Typography>
-
 
22
 
20
 
23
        <Button color='primary' onClick={handleClick}>
21
        <Button color='primary' onClick={handleClick}>
24
          Recargar
22
          Recargar
25
        </Button>
23
        </Button>
26
      </Box>
24
      </Box>
27
    </Box>
25
    </Box>
28
  )
26
  );
29
}
27
}