From 57e29737151455c406f879cd1e41a80682232a28 Mon Sep 17 00:00:00 2001
From: Lily Delalande <119957291+lily-de@users.noreply.github.com>
Date: Fri, 11 Apr 2025 19:11:26 -0400
Subject: [PATCH] ui: update dark mode error (#2171)

---
 ui/desktop/src/components/ErrorBoundary.tsx | 14 +++++---------
 1 file changed, 5 insertions(+), 9 deletions(-)

diff --git a/ui/desktop/src/components/ErrorBoundary.tsx b/ui/desktop/src/components/ErrorBoundary.tsx
index 9d5c4827..a71402c7 100644
--- a/ui/desktop/src/components/ErrorBoundary.tsx
+++ b/ui/desktop/src/components/ErrorBoundary.tsx
@@ -22,15 +22,11 @@ export function ErrorUI({ error }) {
           <AlertTriangle className="w-8 h-8 text-destructive" />
         </div>
 
-        <h1 className="text-2xl font-semibold text-foreground">
-          Honk!
-        </h1>
+        <h1 className="text-2xl font-semibold text-foreground">Honk!</h1>
 
-        <p className="text-base text-textSubtle mb-2">
-          An error occurred.
-        </p>
+        <p className="text-base text-textSubtle mb-2">An error occurred.</p>
 
-        <pre className="text-destructive text-sm p-4 bg-muted rounded-lg w-full overflow-auto border border-border">
+        <pre className="text-destructive text-sm dark:text-white p-4 bg-muted rounded-lg w-full overflow-auto border border-border">
           {error.message}
         </pre>
 
@@ -47,7 +43,7 @@ export function ErrorUI({ error }) {
 
 export class ErrorBoundary extends React.Component<
   { children: React.ReactNode },
-  { error: Error, hasError: boolean }
+  { error: Error; hasError: boolean }
 > {
   constructor(props: { children: React.ReactNode }) {
     super(props);
@@ -65,7 +61,7 @@ export class ErrorBoundary extends React.Component<
 
   render() {
     if (this.state.hasError) {
-      return <ErrorUI error={this.state.error} />
+      return <ErrorUI error={this.state.error} />;
     }
     return this.props.children;
   }