diff --git a/src/lib/ErrorBoundary.tsx b/src/lib/ErrorBoundary.tsx index ff6b4a35..3f58bcba 100644 --- a/src/lib/ErrorBoundary.tsx +++ b/src/lib/ErrorBoundary.tsx @@ -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 ( -

Client Crash Report

- - + {section === "client" ? ( + <> +

Client Crash Report

+ + + + ) : ( + <> +

Component Error

+ + + )}
                     {error?.stack}
                 
diff --git a/src/pages/app.tsx b/src/pages/app.tsx index f3d7c8a4..ab11eb89 100644 --- a/src/pages/app.tsx +++ b/src/pages/app.tsx @@ -17,7 +17,7 @@ const RevoltApp = lazy(() => import("./RevoltApp")); export function App() { return ( - + {/* diff --git a/src/pages/channels/Channel.tsx b/src/pages/channels/Channel.tsx index b177463f..1e0b4f99 100644 --- a/src/pages/channels/Channel.tsx +++ b/src/pages/channels/Channel.tsx @@ -9,6 +9,7 @@ import styled from "styled-components"; import { Text } from "preact-i18n"; import { useEffect, useMemo } from "preact/hooks"; +import ErrorBoundary from "../../lib/ErrorBoundary"; import { isTouchscreenDevice } from "../../lib/isTouchscreenDevice"; import { useApplicationState } from "../../mobx/State"; @@ -159,14 +160,16 @@ const TextChannel = observer(({ channel }: { channel: ChannelI }) => { }> - - - - - - - - + + + + + + + + + + {!isTouchscreenDevice && layout.getSectionState(SIDEBAR_MEMBERS, true) && (