fix: enhance GlobalError component with improved UI and error handling

This commit is contained in:
JoeMakuta 2026-03-26 16:19:43 +02:00
parent 420eed01ea
commit 5d9751bcd5

View file

@ -1,8 +1,16 @@
"use client"; "use client";
import "./globals.css";
import NextError from "next/error"; import NextError from "next/error";
import posthog from "posthog-js"; import posthog from "posthog-js";
import { useEffect } from "react"; import { useEffect } from "react";
import { Button } from "@/components/ui/button";
export const metadata = {
title: "SurfSense - Error",
description: "SurfSense Error Page",
};
export default function GlobalError({ export default function GlobalError({
error, error,
@ -18,10 +26,13 @@ export default function GlobalError({
return ( return (
<html lang="en"> <html lang="en">
<body> <body>
<NextError statusCode={0} /> <div className="flex min-h-screen flex-col items-center justify-center gap-4 p-4">
<button type="button" onClick={reset}> <h2 className="text-xl font-semibold">Something went wrong</h2>
Try again <p className="text-sm text-muted-foreground">
</button> An unexpected error occurred.
</p>
<Button onClick={reset}>Try again</Button>
</div>
</body> </body>
</html> </html>
); );