Mirroristas/owncast
2
0
Fork 0
mirror of https://github.com/owncast/owncast.git synced 2024-10-10 19:16:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add error boundary to DesktopContent. For #2811

Browse Source
This commit is contained in:
Gabe Kangas 2023-03-12 23:11:09 -07:00
parent 7cb5773a97
commit cd0f92f496
No known key found for this signature in database
GPG Key ID: 4345B2060657F330
1 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
web/components/ui/Content/DesktopContent.tsx
View File

@ -1,10 +1,12 @@
import React, { ComponentType, FC } from 'react';
import dynamic from 'next/dynamic';
import { TabsProps } from 'antd';
import { ErrorBoundary } from 'react-error-boundary';
import { SocialLink } from '../../../interfaces/social-link.model';
import styles from './Content.module.scss';
import { CustomPageContent } from '../CustomPageContent/CustomPageContent';
import { ContentHeader } from '../../common/ContentHeader/ContentHeader';
import { ComponentError } from '../ComponentError/ComponentError';
export type DesktopContentProps = {
name: string;
@ -58,7 +60,16 @@ export const DesktopContent: FC<DesktopContentProps> = ({
}
return (
<>
<ErrorBoundary
// eslint-disable-next-line react/no-unstable-nested-components
fallbackRender={({ error, resetErrorBoundary }) => (
<ComponentError
componentName="DesktopContent"
message={error.message}
retryFunction={resetErrorBoundary}
/>
)}
>
<div className={styles.lowerHalf} id="skip-to-content">
<ContentHeader
name={name}
@ -76,6 +87,6 @@ export const DesktopContent: FC<DesktopContentProps> = ({
!!extraPageContent && aboutTabContent
)}
</div>
</>
</ErrorBoundary>
);
};