From 1e72712eafdb000f0235f018dda568962ad9fb6a Mon Sep 17 00:00:00 2001
From: Matteo Giustini <matteo@idrainformatica.it>
Date: Wed, 24 Jun 2026 17:18:51 +0200
Subject: [PATCH] Prima vers. dashboard

---
 .../src/pages/Dashboard/DashboardPage.tsx     | 56 +++++++++++++++++++
 1 file changed, 56 insertions(+)
 create mode 100644 frontend/src/pages/Dashboard/DashboardPage.tsx

diff --git a/frontend/src/pages/Dashboard/DashboardPage.tsx b/frontend/src/pages/Dashboard/DashboardPage.tsx
new file mode 100644
index 0000000..be63641
--- /dev/null
+++ b/frontend/src/pages/Dashboard/DashboardPage.tsx
@@ -0,0 +1,56 @@
+import { useAuthStore } from "@/store/authStore";
+
+const roleLabels: Record<string, string> = {
+  venditore: "Venditore",
+  valutatore: "Valutatore",
+  backoffice: "Backoffice",
+  operatore_perizie: "Operatore Perizie",
+  approvatore_perizie: "Approvatore Perizie",
+  admin: "Amministratore",
+};
+
+export function DashboardPage() {
+  const { user } = useAuthStore();
+
+  return (
+    <div className="space-y-6">
+      <div>
+        <h1 className="text-2xl font-bold text-gray-900">Dashboard</h1>
+        <p className="text-sm text-gray-500 mt-1">
+          Benvenuto, {user?.full_name}
+        </p>
+      </div>
+
+      <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+        <div className="bg-white rounded-xl border border-gray-200 p-5">
+          <div className="text-sm font-medium text-gray-500 mb-1">Ruolo</div>
+          <div className="text-xl font-semibold text-gray-900">
+            {roleLabels[user?.role || ""] || user?.role}
+          </div>
+        </div>
+
+        <div className="bg-white rounded-xl border border-gray-200 p-5">
+          <div className="text-sm font-medium text-gray-500 mb-1">Email</div>
+          <div className="text-xl font-semibold text-gray-900 truncate">
+            {user?.email}
+          </div>
+        </div>
+
+        <div className="bg-white rounded-xl border border-gray-200 p-5">
+          <div className="text-sm font-medium text-gray-500 mb-1">Stato</div>
+          <div className="flex items-center gap-2">
+            <div className="w-2 h-2 rounded-full bg-green-500"></div>
+            <span className="text-xl font-semibold text-gray-900">Attivo</span>
+          </div>
+        </div>
+      </div>
+
+      <div className="bg-blue-50 border border-blue-200 rounded-xl p-6">
+        <h2 className="font-semibold text-blue-900 mb-2">🚀 Sistema in sviluppo</h2>
+        <p className="text-sm text-blue-700">
+          GMG Smart Quote è in fase di sviluppo. Le funzionalità verranno abilitate progressivamente nelle milestone successive.
+        </p>
+      </div>
+    </div>
+  );
+}