From a2169932dcfb8c6cb5a741aad7bd6dd85b909c78 Mon Sep 17 00:00:00 2001
From: Alex Hancock <alexhancock@block.xyz>
Date: Tue, 1 Apr 2025 20:55:43 -0400
Subject: [PATCH] feat: better ErrorBoundary UI (#1993)

---
 ui/desktop/src/components/ErrorBoundary.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/ui/desktop/src/components/ErrorBoundary.tsx b/ui/desktop/src/components/ErrorBoundary.tsx
index b9864725..9ec1df1b 100644
--- a/ui/desktop/src/components/ErrorBoundary.tsx
+++ b/ui/desktop/src/components/ErrorBoundary.tsx
@@ -32,7 +32,11 @@ export class ErrorBoundary extends React.Component<
 
   render() {
     if (this.state.hasError) {
-      return <h1>Something went wrong.</h1>;
+      return (
+        <div className="fixed inset-0 w-full h-full flex items-center justify-center bg-background">
+          <h1 className="text-xl font-semibold text-foreground">Something went wrong.</h1>
+        </div>
+      );
     }
 
     return this.props.children;