Mark Sinclair
c66d7ed489
* Use new eslint rules and apply fixes. Use new logo component and shared theme + webpack config. * Add shared component to display a copy icon and copy to clipboard with confirmation state * Organise imports * Add copy mixnode identity key to list of mixnodes and detail view * Update nvm node version to 16 * Update GitHub Actions for Network Explorer to use yarn and yarn workspaces * Switch favicon for smaller N icon * Update README * Add error boundary
25 lines
896 B
TypeScript
25 lines
896 B
TypeScript
import * as React from 'react';
|
|
import { FallbackProps } from 'react-error-boundary';
|
|
import { Alert, AlertTitle, Container } from '@mui/material';
|
|
import { NymThemeProvider } from '@nymproject/mui-theme';
|
|
import { NymLogo } from '@nymproject/react';
|
|
|
|
export const ErrorBoundaryContent: React.FC<FallbackProps> = ({ error }) => (
|
|
<NymThemeProvider mode="dark">
|
|
<Container sx={{ py: 4 }}>
|
|
<NymLogo height="75px" width="75px" />
|
|
<h1>Oh no! Sorry, something went wrong</h1>
|
|
<Alert severity="error" data-testid="error-message">
|
|
<AlertTitle>{error.name}</AlertTitle>
|
|
{error.message}
|
|
</Alert>
|
|
{process.env.NODE_ENV === 'development' && (
|
|
<Alert severity="info" sx={{ mt: 2 }} data-testid="stack-trace">
|
|
<AlertTitle>Stack trace</AlertTitle>
|
|
{error.stack}
|
|
</Alert>
|
|
)}
|
|
</Container>
|
|
</NymThemeProvider>
|
|
);
|