From fa151e79d35cf25adfb4e894ec1d6740097354db Mon Sep 17 00:00:00 2001
From: MartinBraquet <martin.braquet@gmail.com>
Date: Fri, 2 Jan 2026 14:15:19 +0200
Subject: [PATCH] Translate /stats charts

---
 web/components/widgets/charts.tsx | 10 ++++++----
 web/messages/fr.json              |  4 ++++
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/web/components/widgets/charts.tsx b/web/components/widgets/charts.tsx
index febbcbb..b0143b8 100644
--- a/web/components/widgets/charts.tsx
+++ b/web/components/widgets/charts.tsx
@@ -1,6 +1,7 @@
 import {useEffect, useState} from "react";
 import {Legend, Line, LineChart, ResponsiveContainer, Tooltip, XAxis, YAxis} from "recharts";
 import {getProfilesCreations, getProfilesWithBioCreations} from "web/lib/supabase/users";
+import {useT} from "web/lib/locale";
 
 // Helper to convert rows into date -> count map
 function buildCounts(rows: any[]) {
@@ -29,6 +30,7 @@ export default function ChartMembers() {
   const [data, setData] = useState<any[]>([])
 
   const [chartHeight, setChartHeight] = useState<number>(400)
+  const t = useT()
 
   useEffect(() => {
     // Set responsive chart height: 300px on small widths, 400px otherwise
@@ -122,7 +124,7 @@ export default function ChartMembers() {
               fill: "rgb(var(--color-primary-900))",
             }}
           >
-            Number of Members
+            {t("stats.number_members", "Number of Members")}
           </text>
           {/*<CartesianGrid strokeDasharray="3 3"/>*/}
           <XAxis
@@ -131,7 +133,7 @@ export default function ChartMembers() {
             scale="time"
             domain={["dataMin", "dataMax"]}
             tickFormatter={(ts) => new Date(ts).toISOString().split("T")[0]}
-            label={{value: "Date", position: "insideBottomRight", offset: -5}}
+            label={{value: t('charts.date', 'Date'), position: 'insideBottomRight', offset: -5}}
           />
           <YAxis/>
           <Tooltip
@@ -150,7 +152,7 @@ export default function ChartMembers() {
           <Line
             type="monotone"
             dataKey="profilesCreations"
-            name="Total"
+            name={t('stats.total', 'Total')}
             stroke="rgb(var(--color-primary-900))"
             strokeWidth={2}
             dot={false}
@@ -158,7 +160,7 @@ export default function ChartMembers() {
           <Line
             type="monotone"
             dataKey="profilesWithBioCreations"
-            name="With Bio"
+            name={t('stats.with_bio', 'With Bio')}
             stroke="#9ca3af"
             strokeDasharray="4 2"
             strokeWidth={2}
diff --git a/web/messages/fr.json b/web/messages/fr.json
index 7a1df5e..d4c024d 100644
--- a/web/messages/fr.json
+++ b/web/messages/fr.json
@@ -111,6 +111,8 @@
   "stats.members": "Membres",
   "stats.active_members": "Membres actifs (le mois dernier)",
   "stats.discussions": "Discussions",
+  "stats.total": "Total",
+  "stats.with_bio": "Avec bio",
   "stats.messages": "Messages",
   "stats.compatibility_prompts": "Questions de compatibilité",
   "stats.prompts_answered": "Questions répondues",
@@ -118,6 +120,8 @@
   "stats.votes": "Votes",
   "stats.searches_bookmarked": "Recherches mises en favoris",
   "stats.endorsements": "Recommandations",
+  "stats.number_members": "Nombre de membres",
+  "charts.date": "Date",
   "contact.seo.title": "Contact",
   "contact.seo.description": "Contactez-nous",
   "contact.title": "Contact",