diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/containers/Page/Page.tsx | 30 |
1 files changed, 16 insertions, 14 deletions
diff --git a/src/containers/Page/Page.tsx b/src/containers/Page/Page.tsx index a1d6456..4aa48eb 100644 --- a/src/containers/Page/Page.tsx +++ b/src/containers/Page/Page.tsx @@ -22,6 +22,10 @@ const useStyles = makeStyles(theme => ({ } })); +const ErrorFallback: React.FC = () => ( + <EmptyState variant="error" message="Try reloading the page." /> +); + const Page: React.FC = () => { const classes = useStyles(); const theme = useTheme(); @@ -35,26 +39,24 @@ const Page: React.FC = () => { }, [history]); return ( - <ErrorBoundary - FallbackComponent={() => <EmptyState variant="error" message="Try reloading the page." />} + <SnackbarProvider + preventDuplicate + maxSnack={isMobile ? 1 : 3} + anchorOrigin={{ + vertical: 'top', + horizontal: 'right' + }} > - <SnackbarProvider - preventDuplicate - maxSnack={isMobile ? 1 : 3} - anchorOrigin={{ - vertical: 'top', - horizontal: 'right' - }} - > - <div className={classes.root}> + <div className={classes.root}> + <ErrorBoundary FallbackComponent={ErrorFallback}> <Suspense fallback={<Loading />}> <DynoWaiter> <Router /> </DynoWaiter> </Suspense> - </div> - </SnackbarProvider> - </ErrorBoundary> + </ErrorBoundary> + </div> + </SnackbarProvider> ); }; |