From 5d9751bcd5356251c5f8143a8ce5dc4e53965b17 Mon Sep 17 00:00:00 2001 From: JoeMakuta Date: Thu, 26 Mar 2026 16:19:43 +0200 Subject: [PATCH] fix: enhance GlobalError component with improved UI and error handling --- surfsense_web/app/global-error.tsx | 45 +++++++++++++++++++----------- 1 file changed, 28 insertions(+), 17 deletions(-) diff --git a/surfsense_web/app/global-error.tsx b/surfsense_web/app/global-error.tsx index 8e6f1e445..9ef177d90 100644 --- a/surfsense_web/app/global-error.tsx +++ b/surfsense_web/app/global-error.tsx @@ -1,28 +1,39 @@ "use client"; +import "./globals.css"; + import NextError from "next/error"; import posthog from "posthog-js"; import { useEffect } from "react"; +import { Button } from "@/components/ui/button"; + +export const metadata = { + title: "SurfSense - Error", + description: "SurfSense Error Page", +}; export default function GlobalError({ - error, - reset, + error, + reset, }: { - error: Error & { digest?: string }; - reset: () => void; + error: Error & { digest?: string }; + reset: () => void; }) { - useEffect(() => { - posthog.captureException(error); - }, [error]); + useEffect(() => { + posthog.captureException(error); + }, [error]); - return ( - - - - - - - ); + return ( + + +
+

Something went wrong

+

+ An unexpected error occurred. +

+ +
+ + + ); }