mirror of
https://github.com/MODSetter/SurfSense.git
synced 2026-05-05 05:42:39 +02:00
Merge pull request #989 from JoeMakuta/style/enhance-global-error-page
fix: enhance GlobalError component with improved UI and error handling
This commit is contained in:
commit
95bb522220
1 changed files with 22 additions and 18 deletions
|
|
@ -1,8 +1,9 @@
|
||||||
"use client";
|
"use client";
|
||||||
|
|
||||||
import NextError from "next/error";
|
import "./globals.css";
|
||||||
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 default function GlobalError({
|
export default function GlobalError({
|
||||||
error,
|
error,
|
||||||
|
|
@ -18,10 +19,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>
|
||||||
);
|
);
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue