c59ba67daa
Implement a dashboard to display financial information from a Supabase database. The data will be fetched from the 'transacoes' table, which includes columns like id, user, created_at, valor, quando, detalhes, estabelecimento, tipo, and categoria.
34 lines
1015 B
TypeScript
34 lines
1015 B
TypeScript
|
|
import { useLocation } from "react-router-dom";
|
|
import { useEffect } from "react";
|
|
import { Button } from "@/components/ui/button";
|
|
import { Link } from "react-router-dom";
|
|
|
|
const NotFound = () => {
|
|
const location = useLocation();
|
|
|
|
useEffect(() => {
|
|
console.error(
|
|
"404 Error: User attempted to access non-existent route:",
|
|
location.pathname
|
|
);
|
|
}, [location.pathname]);
|
|
|
|
return (
|
|
<div className="min-h-screen flex flex-col items-center justify-center bg-background">
|
|
<div className="text-center max-w-md px-4">
|
|
<h1 className="text-6xl font-extrabold text-finance-blue mb-4">404</h1>
|
|
<p className="text-2xl font-semibold mb-6">Página não encontrada</p>
|
|
<p className="text-muted-foreground mb-8">
|
|
A página que você está procurando não existe ou foi movida para outro lugar.
|
|
</p>
|
|
<Button asChild>
|
|
<Link to="/">Voltar ao Dashboard</Link>
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default NotFound;
|