From 743439a3c82152bc800385f1b4f231b8f588730b Mon Sep 17 00:00:00 2001
From: Johan Girod <johan.girod@beta.gouv.fr>
Date: Fri, 1 Mar 2024 19:10:33 +0100
Subject: [PATCH] fix: force langage for month formatting in stats

fix  #2350
---
 .../statistiques/_components/AccessibleTable.tsx    | 13 ++++++++-----
 .../_components/LastMonthIndicators.tsx             |  4 ++--
 .../source/pages/statistiques/_components/utils.tsx |  8 ++++----
 3 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/site/source/pages/statistiques/_components/AccessibleTable.tsx b/site/source/pages/statistiques/_components/AccessibleTable.tsx
index 28a23ad15..d831947ad 100644
--- a/site/source/pages/statistiques/_components/AccessibleTable.tsx
+++ b/site/source/pages/statistiques/_components/AccessibleTable.tsx
@@ -27,7 +27,10 @@ export const AccessibleTable = ({
 	formatValue,
 	caption,
 }: AccessibleTableProps) => {
-	const { t } = useTranslation()
+	const {
+		t,
+		i18n: { language },
+	} = useTranslation()
 
 	return (
 		<StyledTable as="div">
@@ -54,8 +57,8 @@ export const AccessibleTable = ({
 								<tr key={visite.date}>
 									<td>
 										{period === 'mois'
-											? formatMonth(visite.date)
-											: formatDay(visite.date)}
+											? formatMonth(visite.date, language)
+											: formatDay(visite.date, language)}
 									</td>
 
 									<td>{visite.nombre}</td>
@@ -74,8 +77,8 @@ export const AccessibleTable = ({
 								{visite.date && (
 									<td>
 										{period === 'mois'
-											? formatMonth(visite.date)
-											: formatDay(visite.date)}
+											? formatMonth(visite.date, language)
+											: formatDay(visite.date, language)}
 									</td>
 								)}
 
diff --git a/site/source/pages/statistiques/_components/LastMonthIndicators.tsx b/site/source/pages/statistiques/_components/LastMonthIndicators.tsx
index 0e2f10f2c..3953506e2 100644
--- a/site/source/pages/statistiques/_components/LastMonthIndicators.tsx
+++ b/site/source/pages/statistiques/_components/LastMonthIndicators.tsx
@@ -42,7 +42,7 @@ export function MainIndicators({
 
 	return (
 		<>
-			<H2>Notre impact en {formatMonth(lastMonth.date)}</H2>
+			<H2>Notre impact en {formatMonth(lastMonth.date, language)}</H2>
 			<Grid container spacing={4}>
 				<Grid item xs={12} md={6}>
 					<Message border={false} icon={<Emoji emoji="🛎️" />}>
@@ -86,7 +86,7 @@ export function MainIndicators({
 								<Strong>{satisfactionLastMonth?.nbAvisMoyenne}</Strong> avis
 								reçus
 								{satisfactionLastMonth?.nbMoisMoyenne === 1
-									? ` en ${formatMonth(lastMonth.date)}`
+									? ` en ${formatMonth(lastMonth.date, language)}`
 									: ` sur les ${satisfactionLastMonth?.nbMoisMoyenne} derniers mois`}
 							</Body>
 						</Message>
diff --git a/site/source/pages/statistiques/_components/utils.tsx b/site/source/pages/statistiques/_components/utils.tsx
index f65fa60b7..3bf8c7566 100644
--- a/site/source/pages/statistiques/_components/utils.tsx
+++ b/site/source/pages/statistiques/_components/utils.tsx
@@ -1,12 +1,12 @@
-export function formatDay(date: string | Date) {
-	return new Date(date).toLocaleString('default', {
+export function formatDay(date: string | Date, language: string) {
+	return new Date(date).toLocaleString(language, {
 		weekday: 'long',
 		day: 'numeric',
 		month: 'long',
 	})
 }
-export function formatMonth(date: string | Date) {
-	return new Date(date).toLocaleString('default', {
+export function formatMonth(date: string | Date, language: string) {
+	return new Date(date).toLocaleString(language, {
 		month: 'long',
 		year: 'numeric',
 	})