From 7018533f3fee3a9edaa3e78ff837c7695e1db927 Mon Sep 17 00:00:00 2001
From: Marco Pedone <m.pedone98@gmail.com>
Date: Tue, 5 Aug 2025 18:04:15 +0200
Subject: [PATCH] Frontend: Enhance Admin Dashboard: Add AnalyticsChart for
 generated contacts and update layout spacing

---
 apps/infoalloggi/src/components/analyticsChart.tsx    | 11 ++++++++++-
 .../annuncio-interactions/annuncio_interactions.tsx   |  7 +------
 .../src/components/area-riservata/dashboard.tsx       |  8 +++++++-
 apps/infoalloggi/src/server/api/routers/stats.ts      |  1 -
 4 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/apps/infoalloggi/src/components/analyticsChart.tsx b/apps/infoalloggi/src/components/analyticsChart.tsx
index efc6a5d..2956792 100644
--- a/apps/infoalloggi/src/components/analyticsChart.tsx
+++ b/apps/infoalloggi/src/components/analyticsChart.tsx
@@ -11,6 +11,7 @@ import {
   CardAction,
   CardContent,
   CardDescription,
+  CardFooter,
   CardHeader,
   CardTitle,
 } from "~/components/ui/card";
@@ -72,7 +73,7 @@ export default function AnalyticsChart({
   const DatePickerLocale = locale === "it" ? it : enUS;
 
   return (
-    <Card className="@container/card w-full">
+    <Card className="@container/card w-full pb-4">
       <CardHeader className="flex flex-col border-b @md/card:grid">
         <CardTitle>{title}</CardTitle>
         <CardDescription className={cn(!description && "sr-only")}>
@@ -150,6 +151,14 @@ export default function AnalyticsChart({
           )}
         </ChartContainer>
       </CardContent>
+      <CardFooter className="flex justify-end border-t !pt-4">
+        <span className="text-muted-foreground text-sm">
+          Totale:{" "}
+          <strong>
+            {filteredData.reduce((acc, item) => acc + item.value, 0)}
+          </strong>
+        </span>
+      </CardFooter>
     </Card>
   );
 }
diff --git a/apps/infoalloggi/src/components/annuncio-interactions/annuncio_interactions.tsx b/apps/infoalloggi/src/components/annuncio-interactions/annuncio_interactions.tsx
index 19e55a6..d938c80 100644
--- a/apps/infoalloggi/src/components/annuncio-interactions/annuncio_interactions.tsx
+++ b/apps/infoalloggi/src/components/annuncio-interactions/annuncio_interactions.tsx
@@ -108,12 +108,7 @@ const ServizioInteraction = ({
     );
   }
 
-  return (
-    //todo join table annuncioId e userId richieste di sblocco,per mostrare testo se già inviate, stessa funzionalità in pag ricerca con annunci compatibili con questo bottone
-    //todo email di richiesta di sblocco deve avere un bottone che rimanda alla pagina di richiesta per poterla accettare o rifiutare
-    //todo paginina di sunto per richiesta con info minime e link a annuncio e utente
-    <InteressatoButton annuncioId={annuncioId} />
-  );
+  return <InteressatoButton annuncioId={annuncioId} />;
 };
 
 export const InteressatoButton = ({
diff --git a/apps/infoalloggi/src/components/area-riservata/dashboard.tsx b/apps/infoalloggi/src/components/area-riservata/dashboard.tsx
index 9f9408b..5bf8d98 100644
--- a/apps/infoalloggi/src/components/area-riservata/dashboard.tsx
+++ b/apps/infoalloggi/src/components/area-riservata/dashboard.tsx
@@ -12,7 +12,7 @@ export const AdminDashboard = () => {
   if (isLoading) return <LoadingPage />;
   return (
     <div className="mx-1 flex-1 overflow-auto">
-      <div className="mx-auto pt-4">
+      <div className="mx-auto pt-4 pb-8">
         <div className="mx-3 items-start justify-between pb-3 md:flex">
           <div className="flex max-w-lg items-center gap-3">
             <h3 className="text-2xl font-bold">Admin Dashboard</h3>
@@ -34,6 +34,12 @@ export const AdminDashboard = () => {
                 timeserie={stats.orderTimeserie}
               />
             </div>
+            <div className="flex w-full justify-center">
+              <AnalyticsChart
+                title="Contatti generati"
+                timeserie={stats.contattiTimeserie}
+              />
+            </div>
           </div>
         )}
       </div>
diff --git a/apps/infoalloggi/src/server/api/routers/stats.ts b/apps/infoalloggi/src/server/api/routers/stats.ts
index ce0f11b..6124653 100644
--- a/apps/infoalloggi/src/server/api/routers/stats.ts
+++ b/apps/infoalloggi/src/server/api/routers/stats.ts
@@ -34,7 +34,6 @@ export const statsRouter = createTRPCRouter({
       value: parseInt(String(item.value)),
     }));
 
-    //todo finire
     const contattiTimeserie = (
       await db
         .selectFrom("servizio_annunci")