From 466e7062c0a0108004b1ed0cac055844821fdd26 Mon Sep 17 00:00:00 2001
From: Steve Dignam <steve@dignam.xyz>
Date: Fri, 9 May 2025 22:13:45 -0400
Subject: [PATCH] playground: update panic error screen

---
 playground/src/main.tsx | 24 +++++++++++++++++++-----
 1 file changed, 19 insertions(+), 5 deletions(-)

diff --git a/playground/src/main.tsx b/playground/src/main.tsx
index 2a4ee7d4..f9ee0b8e 100644
--- a/playground/src/main.tsx
+++ b/playground/src/main.tsx
@@ -17,11 +17,25 @@ init()
 createRoot(document.getElementById("root")!).render(
   <StrictMode>
     <Sentry.ErrorBoundary
-      fallback={
-        <div className="flex items-center justify-center h-screen text-5xl text-orange-700">
-          Error encounted. Please try refreshing the page.
-        </div>
-      }
+      fallback={() => {
+        return (
+          <div className="flex items-center justify-center h-screen text-5xl text-orange-700 ">
+            <div className="flex flex-col">
+              <div>An internal error with Squawk has occured.</div>
+              <div>
+                Please open an issue at{" "}
+                <a
+                  href="https://github.com/sbdchd/squawk/issues/new"
+                  className="underline"
+                >
+                  github.com/sbdchd/squawk
+                </a>
+                !
+              </div>
+            </div>
+          </div>
+        )
+      }}
     >
       <App />
     </Sentry.ErrorBoundary>