39 lines
1.2 KiB
TypeScript
39 lines
1.2 KiB
TypeScript
import { FallbackProps } from 'react-error-boundary';
|
||
import { Button } from 'tsup.ui.index';
|
||
|
||
import { IconRefresh } from '@/ui/display/icon';
|
||
import AnimatedPlaceholder from '@/ui/layout/animated-placeholder/components/AnimatedPlaceholder';
|
||
import {
|
||
AnimatedPlaceholderEmptyContainer,
|
||
AnimatedPlaceholderEmptySubTitle,
|
||
AnimatedPlaceholderEmptyTextContainer,
|
||
AnimatedPlaceholderEmptyTitle,
|
||
} from '@/ui/layout/animated-placeholder/components/EmptyPlaceholderStyled';
|
||
|
||
type GenericErrorFallbackProps = FallbackProps;
|
||
|
||
export const GenericErrorFallback = ({
|
||
error,
|
||
resetErrorBoundary,
|
||
}: GenericErrorFallbackProps) => {
|
||
return (
|
||
<AnimatedPlaceholderEmptyContainer>
|
||
<AnimatedPlaceholder type="errorIndex" />
|
||
<AnimatedPlaceholderEmptyTextContainer>
|
||
<AnimatedPlaceholderEmptyTitle>
|
||
Server’s on a coffee break
|
||
</AnimatedPlaceholderEmptyTitle>
|
||
<AnimatedPlaceholderEmptySubTitle>
|
||
{error.message}
|
||
</AnimatedPlaceholderEmptySubTitle>
|
||
</AnimatedPlaceholderEmptyTextContainer>
|
||
<Button
|
||
Icon={IconRefresh}
|
||
title="Reload"
|
||
variant={'secondary'}
|
||
onClick={() => resetErrorBoundary()}
|
||
/>
|
||
</AnimatedPlaceholderEmptyContainer>
|
||
);
|
||
};
|