This commit is contained in:
1 parent
8efd032cc6
commit
df38dccbf1
735 files changed
+128321
-120870
No files matched your search
+48
-46
@@ -8,53 +8,55 @@ import { useEffect } from "react";
|
||||
* the app shell or its CSS variables.
|
||||
*/
|
||||
export default function GlobalError({
|
||||
error,
|
||||
reset,
|
||||
error,
|
||||
reset,
|
||||
}: {
|
||||
error: Error & { digest?: string };
|
||||
reset: () => void;
|
||||
error: Error & { digest?: string };
|
||||
reset: () => void;
|
||||
}) {
|
||||
useEffect(() => {
|
||||
console.error(error);
|
||||
}, [error]);
|
||||
useEffect(() => {
|
||||
console.error(error);
|
||||
}, [error]);
|
||||
|
||||
return (
|
||||
<html lang="en">
|
||||
<body
|
||||
style={{
|
||||
margin: 0,
|
||||
minHeight: "100vh",
|
||||
display: "grid",
|
||||
placeItems: "center",
|
||||
fontFamily: "Nunito, system-ui, sans-serif",
|
||||
background: "#0f1117",
|
||||
color: "#e5e7eb",
|
||||
}}
|
||||
>
|
||||
<div style={{ textAlign: "center", padding: "2rem", maxWidth: 420 }}>
|
||||
<div style={{ fontSize: "2.5rem" }}>⚠️</div>
|
||||
<h1 style={{ margin: "0.5rem 0", fontSize: "1.4rem" }}>Something went wrong</h1>
|
||||
<p style={{ color: "#9ca3af", marginTop: 0 }}>
|
||||
The hotel ran into an unexpected error. Please try again.
|
||||
</p>
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => reset()}
|
||||
style={{
|
||||
marginTop: "1rem",
|
||||
padding: "0.55rem 1.4rem",
|
||||
border: "none",
|
||||
borderRadius: 10,
|
||||
fontWeight: 700,
|
||||
cursor: "pointer",
|
||||
background: "#f59e0b",
|
||||
color: "#1a1a2e",
|
||||
}}
|
||||
>
|
||||
Try again
|
||||
</button>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
);
|
||||
return (
|
||||
<html lang="en">
|
||||
<body
|
||||
style={{
|
||||
margin: 0,
|
||||
minHeight: "100vh",
|
||||
display: "grid",
|
||||
placeItems: "center",
|
||||
fontFamily: "Nunito, system-ui, sans-serif",
|
||||
background: "#0f1117",
|
||||
color: "#e5e7eb",
|
||||
}}
|
||||
>
|
||||
<div style={{ textAlign: "center", padding: "2rem", maxWidth: 420 }}>
|
||||
<div style={{ fontSize: "2.5rem" }}>⚠️</div>
|
||||
<h1 style={{ margin: "0.5rem 0", fontSize: "1.4rem" }}>
|
||||
Something went wrong
|
||||
</h1>
|
||||
<p style={{ color: "#9ca3af", marginTop: 0 }}>
|
||||
The hotel ran into an unexpected error. Please try again.
|
||||
</p>
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => reset()}
|
||||
style={{
|
||||
marginTop: "1rem",
|
||||
padding: "0.55rem 1.4rem",
|
||||
border: "none",
|
||||
borderRadius: 10,
|
||||
fontWeight: 700,
|
||||
cursor: "pointer",
|
||||
background: "#f59e0b",
|
||||
color: "#1a1a2e",
|
||||
}}
|
||||
>
|
||||
Try again
|
||||
</button>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
Reference in new issue
Block a user