35 lines
1.1 KiB
TypeScript
35 lines
1.1 KiB
TypeScript
|
import { Link } from "react-router-dom";
|
||
|
|
import { useAuth } from "../context/AuthContext";
|
||
|
|
|
||
|
|
export default function Dashboard() {
|
||
|
|
const { user } = useAuth();
|
||
|
|
const isAdmin = user?.ruolo === "RESPONSABILE_AMMINISTRATIVO";
|
||
|
|
|
||
|
|
return (
|
||
|
|
<div className="page">
|
||
|
|
<h1>Dashboard</h1>
|
||
|
|
<p>Benvenuto, <strong>{user?.nome} {user?.cognome}</strong></p>
|
||
|
|
<p className="muted">Ruolo: {isAdmin ? "Responsabile amministrativo" : "Dipendente"}</p>
|
||
|
|
|
||
|
|
<div className="card-grid">
|
||
|
|
<Link to="/rimborsi" className="card">
|
||
|
|
<h3>Richieste di rimborso</h3>
|
||
|
|
<p>{isAdmin ? "Visualizza e gestisci tutte le richieste" : "Visualizza le tue richieste"}</p>
|
||
|
|
</Link>
|
||
|
|
{!isAdmin && (
|
||
|
|
<Link to="/rimborsi/nuova" className="card">
|
||
|
|
<h3>Nuova richiesta</h3>
|
||
|
|
<p>Inserisci una nuova spesa da rimborsare</p>
|
||
|
|
</Link>
|
||
|
|
)}
|
||
|
|
{isAdmin && (
|
||
|
|
<Link to="/statistiche" className="card">
|
||
|
|
<h3>Statistiche</h3>
|
||
|
|
<p>Riepilogo per mese e categoria</p>
|
||
|
|
</Link>
|
||
|
|
)}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|