decent 404/error page

2025-12-31 12:00:44 -05:00
parent ff681e6b3a
commit bc2a74be50
6 changed files with 770 additions and 276 deletions
--- a/src/app.tsx
+++ b/src/app.tsx
@@ -181,12 +181,20 @@ function AppLayout(props: { children: any }) {
              JavaScript is disabled. Features will be limited.
            </div>
          </noscript>
-          <div
-            onMouseUp={handleCenterTapRelease}
-            onTouchEnd={handleCenterTapRelease}
+          <ErrorBoundary
+            fallback={(error, reset) => (
+              <ErrorBoundaryFallback error={error} reset={reset} />
+            )}
          >
-            <Suspense fallback={<TerminalSplash />}>{props.children}</Suspense>
-          </div>
+            <div
+              onMouseUp={handleCenterTapRelease}
+              onTouchEnd={handleCenterTapRelease}
+            >
+              <Suspense fallback={<TerminalSplash />}>
+                {props.children}
+              </Suspense>
+            </div>
+          </ErrorBoundary>
        </div>
        <RightBar />
      </div>