alkem-io / client-web / #6135

coverage: 5.918%. First build
#6135

Pull #5095

travis-ci

Pull Request #5095: License entity, plus mgmt

182 of 8621 branches covered (0.0%)

Branch coverage included in aggregate %.

90 of 90 new or added lines in 40 files covered. (100.0%)

1265 of 15828 relevant lines covered (7.99%)

0.19 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

0.0
/src/domain/shared/components/ErrorDisplay/ErrorDisplay.tsx
1 
import { useConfig } from '@/domain/platform/config/useConfig';
2 
import { ROUTE_HOME } from '@/domain/platform/routes/constants';
3 
import { Box, Button, Link, Typography, styled } from '@mui/material';
4 
import { FC, useCallback } from 'react';
5 
import { useTranslation } from 'react-i18next';
6 
import { Link as RouterLink } from 'react-router-dom';
7 









8



const FullscreenBox = styled(Box)(() => ({




×







9



  display: 'flex',










10



  flexGrow: 1,










11



  justifyContent: 'center',










12



  alignItems: 'center',










13



}));










14



const CenterBox = styled(Box)(({ theme }) => ({




×







15



  display: 'flex',










16



  flexDirection: 'column',










17



  alignItems: 'center',










18



  gap: theme.spacing(2),










19



}));










20



const ButtonBox = styled(Box)(({ theme }) => ({




×







21



  display: 'flex',










22



  justifyContent: 'space-around',










23



  marginTop: theme.spacing(1),










24



}));










25












26



export const ErrorDisplay: FC = () => {










27



  const { t } = useTranslation();










28



  const { locations } = useConfig();




×







29



  const supportLink = locations?.support;




×








30



  const handleReload = useCallback(() => window.location.reload(), []);




×








31






×







32



  return (




×







33



    <FullscreenBox>










34



      <CenterBox>




×







35



        <Box>










36



          <Typography variant="h1">{t('components.error-display.title')}</Typography>










37



          <Typography variant="h4">{t('components.error-display.went-wrong')}</Typography>










38



          <Typography variant="h4">{t('components.error-display.contact-support-sentence')}</Typography>










39



          <ButtonBox>










40



            <Button component={RouterLink} to={ROUTE_HOME}>










41



              {t('buttons.takeMeHome')}










42



            </Button>










43



            <Button onClick={handleReload}>{t('components.error-display.buttons.reload')}</Button>










44



            <Link href={supportLink} target="_blank">










45



              {t('components.error-display.buttons.contact-support')}










46



            </Link>










47



          </ButtonBox>










48



        </Box>










49



      </CenterBox>










50



    </FullscreenBox>










51



  );










52



};
























    

  • 

    •