Evandro Fonseca Junior
5c1ccbc69a
Added Tailwind CSS and tw-animate-css imports to globals.css. Introduced a custom dark variant and an extensive @theme inline block with CSS variables for colors, radii, and animations. Included keyframes for shimmer-slide, spin-around, gradient, shine, and background-position-spin to enable consistent theming and dynamic UI effects across the application.
29 lines
674 B
TypeScript
29 lines
674 B
TypeScript
"use client";
|
|
|
|
import { useEffect } from "react";
|
|
import { Button } from "@/components/ui/button";
|
|
|
|
export default function Error({
|
|
error,
|
|
reset,
|
|
}: {
|
|
error: Error & { digest?: string };
|
|
reset: () => void;
|
|
}) {
|
|
useEffect(() => {
|
|
console.error(error);
|
|
}, [error]);
|
|
|
|
return (
|
|
<div className="min-h-screen flex items-center justify-center">
|
|
<div className="text-center space-y-4">
|
|
<h2 className="text-2xl font-bold">Algo deu errado!</h2>
|
|
<p className="text-muted-foreground">
|
|
Ocorreu um erro inesperado. Tente novamente.
|
|
</p>
|
|
<Button onClick={reset}>Tentar novamente</Button>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|