abner/for-legacy-web
1
0
Fork 1
mirror of https://github.com/stoatchat/for-legacy-web.git synced 2026-03-07 01:15:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: handle errors for message renderer separately

Browse Source
This commit is contained in:
Paul
2021-12-25 16:03:05 +00:00
parent 11043a8cd2
commit 60fac6cfba
3 changed files with 33 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/lib/ErrorBoundary.tsx
View File

@@ -22,11 +22,12 @@ const CrashContainer = styled.div`
interface Props {
children: Children;
section: "client" | "renderer";
}
const ERROR_URL = "https://reporting.revolt.chat";
export default function ErrorBoundary({ children }: Props) {
export default function ErrorBoundary({ children, section }: Props) {
const [error, ignoreError] = useErrorBoundary();
useEffect(() => {
@@ -38,6 +39,7 @@ export default function ErrorBoundary({ children }: Props) {
origin: window.origin,
commitSHA: GIT_REVISION,
userAgent: navigator.userAgent,
section,
}),
);
}
@@ -46,11 +48,24 @@ export default function ErrorBoundary({ children }: Props) {
if (error) {
return (
<CrashContainer>
<h3>Client Crash Report</h3>
<button onClick={ignoreError}>
Ignore error and try to reload app
</button>
<button onClick={() => location.reload()}>Refresh page</button>
{section === "client" ? (
<>
<h3>Client Crash Report</h3>
<button onClick={ignoreError}>
Ignore error and try to reload app
</button>
<button onClick={() => location.reload()}>
Refresh page
</button>
</>
) : (
<>
<h3>Component Error</h3>
<button onClick={ignoreError}>
Ignore error and try render again
</button>
</>
)}
<pre>
<code>{error?.stack}</code>
</pre>