From a0e2a783721767c6c7943b65ed680a15b8641a53 Mon Sep 17 00:00:00 2001
From: Julien Froidefond <julien.froidefond@cdbdx.biz>
Date: Sun, 21 Sep 2025 10:49:39 +0200
Subject: [PATCH] feat: update Daily and Jira dashboard pages with dynamic
 titles and improved UI - Implemented `getTodayTitle` and `getYesterdayTitle`
 functions in `DailyPageClient` to dynamically set section titles based on the
 current date. - Updated `TODO.md` to mark completed tasks related to the Jira
 dashboard UI consistency. - Enhanced card content in
 `JiraDashboardPageClient` to ensure charts are responsive and maintain
 consistent styling. - Removed unused date formatting function in
 `DailySection` for cleaner code.

---
 TODO.md                                       |   4 +-
 src/app/daily/DailyPageClient.tsx             |  24 +-
 .../JiraDashboardPageClient.tsx               | 210 ++++++++++--------
 src/components/daily/DailySection.tsx         |   9 +-
 4 files changed, 147 insertions(+), 100 deletions(-)

diff --git a/TODO.md b/TODO.md
index 43c97a0..976b291 100644
--- a/TODO.md
+++ b/TODO.md
@@ -6,8 +6,8 @@
 - [x] backups : ne backuper que si il y a eu un changement entre le dernier backup et la base actuelle
 - [ ] refacto des dates avec le utils qui pour l'instant n'est pas utilisé
 - [ ] split de certains gros composants.
-- [ ] Page manager : onglets analytics avancés et Qualité et collaboration : les charts sortent des cards; il faut reprendre la UI pour que ce soit consistant.
-- [ ] Page Daily : les mots aujourd'hui et hier ne fonctionnent dans les titres que si c'est vraiment aujourd'hui :)
+- [x] Page jira-dashboard : onglets analytics avancés et Qualité et collaboration : les charts sortent des cards; il faut reprendre la UI pour que ce soit consistant.
+- [x] Page Daily : les mots aujourd'hui et hier ne fonctionnent dans les titres que si c'est vraiment aujourd'hui :)
 
 ## 🔧 Phase 6: Fonctionnalités avancées (Priorité 6)
 
diff --git a/src/app/daily/DailyPageClient.tsx b/src/app/daily/DailyPageClient.tsx
index 69d2709..19b5bd1 100644
--- a/src/app/daily/DailyPageClient.tsx
+++ b/src/app/daily/DailyPageClient.tsx
@@ -125,6 +125,26 @@ export function DailyPageClient({
     return currentDate.toDateString() === today.toDateString();
   };
 
+  const getTodayTitle = () => {
+    const today = new Date();
+    if (currentDate.toDateString() === today.toDateString()) {
+      return "🎯 Aujourd'hui";
+    }
+    return `🎯 ${currentDate.toLocaleDateString('fr-FR', { day: '2-digit', month: '2-digit', year: '2-digit' })}`;
+  };
+
+  const getYesterdayTitle = () => {
+    const today = new Date();
+    const yesterday = new Date(today);
+    yesterday.setDate(yesterday.getDate() - 1);
+    
+    const yesterdayDate = getYesterdayDate();
+    if (yesterdayDate.toDateString() === yesterday.toDateString()) {
+      return "📋 Hier";
+    }
+    return `📋 ${yesterdayDate.toLocaleDateString('fr-FR', { day: '2-digit', month: '2-digit', year: '2-digit' })}`;
+  };
+
   if (loading) {
     return (
       <div className="container mx-auto px-4 py-8">
@@ -217,7 +237,7 @@ export function DailyPageClient({
             <div className="xl:col-span-2 grid grid-cols-1 lg:grid-cols-2 gap-6">
             {/* Section Hier */}
             <DailySection
-              title="📋 Hier"
+              title={getYesterdayTitle()}
               date={getYesterdayDate()}
               checkboxes={dailyView.yesterday}
               onAddCheckbox={handleAddYesterdayCheckbox}
@@ -232,7 +252,7 @@ export function DailyPageClient({
 
             {/* Section Aujourd'hui */}
             <DailySection
-              title="🎯 Aujourd'hui"
+              title={getTodayTitle()}
               date={getTodayDate()}
               checkboxes={dailyView.today}
               onAddCheckbox={handleAddTodayCheckbox}
diff --git a/src/app/jira-dashboard/JiraDashboardPageClient.tsx b/src/app/jira-dashboard/JiraDashboardPageClient.tsx
index 2dfcb2e..6627893 100644
--- a/src/app/jira-dashboard/JiraDashboardPageClient.tsx
+++ b/src/app/jira-dashboard/JiraDashboardPageClient.tsx
@@ -470,11 +470,13 @@ export function JiraDashboardPageClient({ initialJiraConfig }: JiraDashboardPage
                   <CardHeader>
                     <h3 className="font-semibold">📉 Burndown Chart</h3>
                   </CardHeader>
-                  <CardContent>
-                    <BurndownChart 
-                      sprintHistory={analytics.velocityMetrics.sprintHistory}
-                      className="h-96"
-                    />
+                  <CardContent className="p-4">
+                    <div className="w-full h-96 overflow-hidden">
+                      <BurndownChart 
+                        sprintHistory={analytics.velocityMetrics.sprintHistory}
+                        className="h-full w-full"
+                      />
+                    </div>
                   </CardContent>
                 </Card>
 
@@ -482,11 +484,13 @@ export function JiraDashboardPageClient({ initialJiraConfig }: JiraDashboardPage
                   <CardHeader>
                     <h3 className="font-semibold">📈 Throughput</h3>
                   </CardHeader>
-                  <CardContent>
-                    <ThroughputChart 
-                      sprintHistory={analytics.velocityMetrics.sprintHistory}
-                      className="h-96"
-                    />
+                  <CardContent className="p-4">
+                    <div className="w-full h-96 overflow-hidden">
+                      <ThroughputChart 
+                        sprintHistory={analytics.velocityMetrics.sprintHistory}
+                        className="h-full w-full"
+                      />
+                    </div>
                   </CardContent>
                 </Card>
               </div>
@@ -496,11 +500,13 @@ export function JiraDashboardPageClient({ initialJiraConfig }: JiraDashboardPage
                 <CardHeader>
                   <h3 className="font-semibold">🎯 Métriques de qualité</h3>
                 </CardHeader>
-                <CardContent>
-                  <QualityMetrics 
-                    analytics={analytics}
-                    className="min-h-96"
-                  />
+                <CardContent className="p-4">
+                  <div className="w-full overflow-hidden">
+                    <QualityMetrics 
+                      analytics={analytics}
+                      className="min-h-96 w-full"
+                    />
+                  </div>
                 </CardContent>
               </Card>
 
@@ -509,11 +515,13 @@ export function JiraDashboardPageClient({ initialJiraConfig }: JiraDashboardPage
                 <CardHeader>
                   <h3 className="font-semibold">📊 Predictabilité</h3>
                 </CardHeader>
-                <CardContent>
-                  <PredictabilityMetrics 
-                    sprintHistory={analytics.velocityMetrics.sprintHistory}
-                    className="h-auto"
-                  />
+                <CardContent className="p-4">
+                  <div className="w-full overflow-hidden">
+                    <PredictabilityMetrics 
+                      sprintHistory={analytics.velocityMetrics.sprintHistory}
+                      className="h-auto w-full"
+                    />
+                  </div>
                 </CardContent>
               </Card>
 
@@ -522,11 +530,13 @@ export function JiraDashboardPageClient({ initialJiraConfig }: JiraDashboardPage
                 <CardHeader>
                   <h3 className="font-semibold">🤝 Matrice de collaboration</h3>
                 </CardHeader>
-                <CardContent>
-                  <CollaborationMatrix 
-                    analytics={analytics}
-                    className="h-auto"
-                  />
+                <CardContent className="p-4">
+                  <div className="w-full overflow-hidden">
+                    <CollaborationMatrix 
+                      analytics={analytics}
+                      className="h-auto w-full"
+                    />
+                  </div>
                 </CardContent>
               </Card>
 
@@ -535,11 +545,13 @@ export function JiraDashboardPageClient({ initialJiraConfig }: JiraDashboardPage
                 <CardHeader>
                   <h3 className="font-semibold">📊 Comparaison inter-sprints</h3>
                 </CardHeader>
-                <CardContent>
-                  <SprintComparison 
-                    sprintHistory={analytics.velocityMetrics.sprintHistory}
-                    className="h-auto"
-                  />
+                <CardContent className="p-4">
+                  <div className="w-full overflow-hidden">
+                    <SprintComparison 
+                      sprintHistory={analytics.velocityMetrics.sprintHistory}
+                      className="h-auto w-full"
+                    />
+                  </div>
                 </CardContent>
               </Card>
 
@@ -548,12 +560,14 @@ export function JiraDashboardPageClient({ initialJiraConfig }: JiraDashboardPage
                 <CardHeader>
                   <h3 className="font-semibold">🔥 Heatmap d&apos;activité de l&apos;équipe</h3>
                 </CardHeader>
-                <CardContent>
-                  <TeamActivityHeatmap 
-                    workloadByAssignee={analytics.workInProgress.byAssignee}
-                    statusDistribution={analytics.workInProgress.byStatus}
-                    className="min-h-96"
-                  />
+                <CardContent className="p-4">
+                  <div className="w-full overflow-hidden">
+                    <TeamActivityHeatmap 
+                      workloadByAssignee={analytics.workInProgress.byAssignee}
+                      statusDistribution={analytics.workInProgress.byStatus}
+                      className="min-h-96 w-full"
+                    />
+                  </div>
                 </CardContent>
               </Card>
                 </div>
@@ -566,12 +580,14 @@ export function JiraDashboardPageClient({ initialJiraConfig }: JiraDashboardPage
                     <CardHeader>
                       <h3 className="font-semibold">🚀 Vélocité des sprints</h3>
                     </CardHeader>
-                    <CardContent>
-                      <VelocityChart 
-                        sprintHistory={analytics.velocityMetrics.sprintHistory}
-                        className="h-64"
-                        onSprintClick={handleSprintClick}
-                      />
+                    <CardContent className="p-4">
+                      <div className="w-full h-64 overflow-hidden">
+                        <VelocityChart 
+                          sprintHistory={analytics.velocityMetrics.sprintHistory}
+                          className="h-full w-full"
+                          onSprintClick={handleSprintClick}
+                        />
+                      </div>
                     </CardContent>
                   </Card>
 
@@ -581,11 +597,13 @@ export function JiraDashboardPageClient({ initialJiraConfig }: JiraDashboardPage
                       <CardHeader>
                         <h3 className="font-semibold">📉 Burndown Chart</h3>
                       </CardHeader>
-                      <CardContent>
-                        <BurndownChart 
-                          sprintHistory={analytics.velocityMetrics.sprintHistory}
-                          className="h-96"
-                        />
+                      <CardContent className="p-4">
+                        <div className="w-full h-96 overflow-hidden">
+                          <BurndownChart 
+                            sprintHistory={analytics.velocityMetrics.sprintHistory}
+                            className="h-full w-full"
+                          />
+                        </div>
                       </CardContent>
                     </Card>
 
@@ -593,11 +611,13 @@ export function JiraDashboardPageClient({ initialJiraConfig }: JiraDashboardPage
                       <CardHeader>
                         <h3 className="font-semibold">📊 Throughput</h3>
                       </CardHeader>
-                      <CardContent>
-                        <ThroughputChart 
-                          sprintHistory={analytics.velocityMetrics.sprintHistory}
-                          className="h-96"
-                        />
+                      <CardContent className="p-4">
+                        <div className="w-full h-96 overflow-hidden">
+                          <ThroughputChart 
+                            sprintHistory={analytics.velocityMetrics.sprintHistory}
+                            className="h-full w-full"
+                          />
+                        </div>
                       </CardContent>
                     </Card>
                   </div>
@@ -607,11 +627,13 @@ export function JiraDashboardPageClient({ initialJiraConfig }: JiraDashboardPage
                     <CardHeader>
                       <h3 className="font-semibold">📊 Comparaison des sprints</h3>
                     </CardHeader>
-                    <CardContent>
-                      <SprintComparison 
-                        sprintHistory={analytics.velocityMetrics.sprintHistory}
-                        className="h-auto"
-                      />
+                    <CardContent className="p-4">
+                      <div className="w-full overflow-hidden">
+                        <SprintComparison 
+                          sprintHistory={analytics.velocityMetrics.sprintHistory}
+                          className="h-auto w-full"
+                        />
+                      </div>
                     </CardContent>
                   </Card>
                 </div>
@@ -625,11 +647,13 @@ export function JiraDashboardPageClient({ initialJiraConfig }: JiraDashboardPage
                       <CardHeader>
                         <h3 className="font-semibold">⏱️ Cycle Time par type</h3>
                       </CardHeader>
-                      <CardContent>
-                        <CycleTimeChart 
-                          cycleTimeByType={analytics.cycleTimeMetrics.cycleTimeByType}
-                          className="h-64"
-                        />
+                      <CardContent className="p-4">
+                        <div className="w-full h-64 overflow-hidden">
+                          <CycleTimeChart 
+                            cycleTimeByType={analytics.cycleTimeMetrics.cycleTimeByType}
+                            className="h-full w-full"
+                          />
+                        </div>
                         <div className="mt-4 text-center">
                           <div className="text-2xl font-bold text-[var(--primary)]">
                             {analytics.cycleTimeMetrics.averageCycleTime.toFixed(1)}
@@ -645,12 +669,14 @@ export function JiraDashboardPageClient({ initialJiraConfig }: JiraDashboardPage
                       <CardHeader>
                         <h3 className="font-semibold">🔥 Heatmap d&apos;activité</h3>
                       </CardHeader>
-                      <CardContent>
-                        <TeamActivityHeatmap 
-                          workloadByAssignee={analytics.workInProgress.byAssignee}
-                          statusDistribution={analytics.workInProgress.byStatus}
-                          className="h-64"
-                        />
+                      <CardContent className="p-4">
+                        <div className="w-full h-64 overflow-hidden">
+                          <TeamActivityHeatmap 
+                            workloadByAssignee={analytics.workInProgress.byAssignee}
+                            statusDistribution={analytics.workInProgress.byStatus}
+                            className="h-full w-full"
+                          />
+                        </div>
                       </CardContent>
                     </Card>
                   </div>
@@ -661,11 +687,13 @@ export function JiraDashboardPageClient({ initialJiraConfig }: JiraDashboardPage
                       <CardHeader>
                         <h3 className="font-semibold">🎯 Métriques de qualité</h3>
                       </CardHeader>
-                      <CardContent>
-                        <QualityMetrics 
-                          analytics={analytics}
-                          className="h-64"
-                        />
+                      <CardContent className="p-4">
+                        <div className="w-full h-64 overflow-hidden">
+                          <QualityMetrics 
+                            analytics={analytics}
+                            className="h-full w-full"
+                          />
+                        </div>
                       </CardContent>
                     </Card>
 
@@ -673,11 +701,13 @@ export function JiraDashboardPageClient({ initialJiraConfig }: JiraDashboardPage
                       <CardHeader>
                         <h3 className="font-semibold">📈 Predictabilité</h3>
                       </CardHeader>
-                      <CardContent>
-                        <PredictabilityMetrics 
-                          sprintHistory={analytics.velocityMetrics.sprintHistory}
-                          className="h-64"
-                        />
+                      <CardContent className="p-4">
+                        <div className="w-full h-64 overflow-hidden">
+                          <PredictabilityMetrics 
+                            sprintHistory={analytics.velocityMetrics.sprintHistory}
+                            className="h-full w-full"
+                          />
+                        </div>
                       </CardContent>
                     </Card>
                   </div>
@@ -692,11 +722,13 @@ export function JiraDashboardPageClient({ initialJiraConfig }: JiraDashboardPage
                       <CardHeader>
                         <h3 className="font-semibold">👥 Répartition de l&apos;équipe</h3>
                       </CardHeader>
-                      <CardContent>
-                        <TeamDistributionChart 
-                          distribution={analytics.teamMetrics.issuesDistribution}
-                          className="h-64"
-                        />
+                      <CardContent className="p-4">
+                        <div className="w-full h-64 overflow-hidden">
+                          <TeamDistributionChart 
+                            distribution={analytics.teamMetrics.issuesDistribution}
+                            className="h-full w-full"
+                          />
+                        </div>
                       </CardContent>
                     </Card>
 
@@ -704,11 +736,13 @@ export function JiraDashboardPageClient({ initialJiraConfig }: JiraDashboardPage
                       <CardHeader>
                         <h3 className="font-semibold">🤝 Matrice de collaboration</h3>
                       </CardHeader>
-                      <CardContent>
-                        <CollaborationMatrix 
-                          analytics={analytics}
-                          className="h-64"
-                        />
+                      <CardContent className="p-4">
+                        <div className="w-full h-64 overflow-hidden">
+                          <CollaborationMatrix 
+                            analytics={analytics}
+                            className="h-full w-full"
+                          />
+                        </div>
                       </CardContent>
                     </Card>
                   </div>
diff --git a/src/components/daily/DailySection.tsx b/src/components/daily/DailySection.tsx
index 2615067..30d89ac 100644
--- a/src/components/daily/DailySection.tsx
+++ b/src/components/daily/DailySection.tsx
@@ -40,13 +40,6 @@ export function DailySection({
 }: DailySectionProps) {
   const [activeId, setActiveId] = useState<string | null>(null);
   const [items, setItems] = useState(checkboxes);
-  const formatShortDate = (date: Date) => {
-    return date.toLocaleDateString('fr-FR', {
-      day: '2-digit',
-      month: '2-digit',
-      year: 'numeric'
-    });
-  };
 
   // Mettre à jour les items quand les checkboxes changent
   React.useEffect(() => {
@@ -99,7 +92,7 @@ export function DailySection({
         <div className="p-4 pb-0">
           <div className="flex items-center justify-between mb-4">
             <h2 className="text-lg font-bold text-[var(--foreground)] font-mono flex items-center gap-2">
-              {title} <span className="text-sm font-normal text-[var(--muted-foreground)]">({formatShortDate(date)})</span>
+              {title} <span className="text-sm font-normal text-[var(--muted-foreground)]"></span>
               {refreshing && (
                 <div className="w-4 h-4 border-2 border-[var(--primary)] border-t-transparent rounded-full animate-spin"></div>
               )}