Fouad
e5f41731ae
* bootstrap next app + add overview page * fix AssetList type * fix up nav stuff * Refactor Nav component and add network components pages * Refactor WorldMap component and update TelegramIcon, GitHubIcon, NymVpnIcon, DiscordIcon, and TwitterIcon components * add service providers page * mixnodes page * delegations page + use material react table for all tables * nodes map page * Refactor StyledLink component and remove unnecessary console.log statements * Refactor ESLint configuration, remove unused dependencies, and update component imports * update deps * Refactor imports and update dependencies * fix dark mode * build single mixnode page * build single gateway page * Refactor handleOnDelegate function to use useCallback in mixnodes page.tsx * Add defaults for constants --------- Co-authored-by: Mark Sinclair <mmsinclair@users.noreply.github.com>
27 lines
912 B
TypeScript
27 lines
912 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/logo/NymLogo'
|
|
|
|
export const ErrorBoundaryContent: FCWithChildren<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>
|
|
)
|