Add more info to error boundary

etowahadams · Oct 31, 2024 · 266703f · 266703f
1 parent b034723
commit 266703f
Showing 1 changed file with 14 additions and 2 deletions.
diff --git a/viz/src/components/ErrorBoundary.tsx b/viz/src/components/ErrorBoundary.tsx
@@ -1,4 +1,5 @@
 import { Component, ErrorInfo, ReactNode } from "react";
+import { Button } from "./ui/button";
 
 interface Props {
   children: ReactNode;
@@ -29,8 +30,19 @@ class ErrorBoundary extends Component<Props, State> {
       return (
         this.props.fallback || (
           <div className="p-4 rounded-lg bg-red-50 border border-red-200">
-            <h2 className="text-red-800 font-semibold mb-2">Something went wrong</h2>
-            <p className="text-red-600">{this.state.error?.message}</p>
+            <h2 className="text-red-800 font-semibold mb-2">
+              Oops! Something went wrong... send{" "}
+              <a className="underline" href="mailto:[email protected]">
+                Liam
+              </a>{" "}
+              or{" "}
+              <a className="underline" href="mailto:[email protected] ">
+                Etowah
+              </a>{" "}
+              an email?
+            </h2>
+            <p className="text-red-600 mb-4">{this.state.error?.message}</p>
+            <Button onClick={() => (window.location.href = "/")}>Return to Home</Button>
           </div>
         )
       );