From cab88b272cdec2ba3f4db27b903029d42e114fff Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=A9r=C3=A9my=20Rialland?= <wiinxt@gmail.com>
Date: Mon, 24 Apr 2023 16:59:34 +0200
Subject: [PATCH] Update stats

---
 .../pages/statistiques/AccessibleTable.tsx    |  5 +-
 .../pages/statistiques/SatisfactionChart.tsx  |  7 ++-
 .../source/pages/statistiques/StatsDetail.tsx |  3 +-
 .../source/pages/statistiques/StatsGlobal.tsx | 48 ++++---------------
 4 files changed, 21 insertions(+), 42 deletions(-)

diff --git a/site/source/pages/statistiques/AccessibleTable.tsx b/site/source/pages/statistiques/AccessibleTable.tsx
index 2ee9cf69f..f2bafd3e8 100644
--- a/site/source/pages/statistiques/AccessibleTable.tsx
+++ b/site/source/pages/statistiques/AccessibleTable.tsx
@@ -14,7 +14,10 @@ interface AccessibleTableProps {
 	}[]
 	formatKey?: (key: string) => string
 	formatValue?: (data: { key: string; value: number }) => string
-	caption?: ReactNode
+	/**
+	 * RGAA requires a caption for tables
+	 */
+	caption: ReactNode
 }
 
 export const AccessibleTable = ({
diff --git a/site/source/pages/statistiques/SatisfactionChart.tsx b/site/source/pages/statistiques/SatisfactionChart.tsx
index 53a629b8e..c23d1e980 100644
--- a/site/source/pages/statistiques/SatisfactionChart.tsx
+++ b/site/source/pages/statistiques/SatisfactionChart.tsx
@@ -198,8 +198,11 @@ const AccessibleVersion = ({
 			}
 			caption={
 				<Trans>
-					Tableau présentant le nombre de visites par page et par mois en{' '}
-					{dataType === 'pourcentage' ? t('pourcentage') : t('nombres')}.
+					Tableau indiquant la satisfaction des utilisateurs en{' '}
+					{dataType === 'pourcentage'
+						? t('pourcentage')
+						: t('nombres de votes')}{' '}
+					sur le site mon-entreprise par mois.
 				</Trans>
 			}
 		/>
diff --git a/site/source/pages/statistiques/StatsDetail.tsx b/site/source/pages/statistiques/StatsDetail.tsx
index feeb5c94b..183f3cc20 100644
--- a/site/source/pages/statistiques/StatsDetail.tsx
+++ b/site/source/pages/statistiques/StatsDetail.tsx
@@ -205,7 +205,8 @@ export const StatsDetail = ({ stats, accessibleMode }: StatsDetailProps) => {
 							caption={
 								<Trans>
 									Tableau indiquant le nombre de visites sur le site
-									mon-entreprise par mois ou par jour.
+									mon-entreprise par{' '}
+									{period === 'jours' ? t('jours') : t('mois')}.
 								</Trans>
 							}
 						/>
diff --git a/site/source/pages/statistiques/StatsGlobal.tsx b/site/source/pages/statistiques/StatsGlobal.tsx
index 1a6230965..dd6e60f61 100644
--- a/site/source/pages/statistiques/StatsGlobal.tsx
+++ b/site/source/pages/statistiques/StatsGlobal.tsx
@@ -1,4 +1,4 @@
-import { Trans, useTranslation } from 'react-i18next'
+import { useTranslation } from 'react-i18next'
 import { useLocation } from 'react-router-dom'
 
 import { Emoji } from '@/design-system/emoji'
@@ -6,8 +6,7 @@ import { Grid, Spacing } from '@/design-system/layout'
 import { H2 } from '@/design-system/typography/heading'
 import { Link } from '@/design-system/typography/link'
 
-import { AccessibleTable } from './AccessibleTable'
-import { SatisfactionStyle, round } from './SatisfactionChart'
+import { SatisfactionStyle } from './SatisfactionChart'
 import { SatisfactionLevel, StatsStruct } from './types'
 import { Indicator, IndicatorProps } from './utils'
 
@@ -174,17 +173,17 @@ export default function StatsGlobal({
 				<BigIndicator
 					main={`${last30dConv} %`}
 					subTitle="Taux de conversion"
-					footnote="visites avec une simulation"
+					footnote="visites avec une simulation."
 				/>
 				<BigIndicator
 					main={last30dVisits}
 					subTitle="Visites"
-					footnote="sur les 30 derniers jours"
+					footnote="sur les 30 derniers jours."
 				/>
 				<BigIndicator
 					main={last30dCommence}
 					subTitle="Simulations lancées"
-					footnote="sur les 30 derniers jours"
+					footnote="sur les 30 derniers jours."
 				/>
 				<BigIndicator
 					main={stats.nbAnswersLast30days}
@@ -195,6 +194,7 @@ export default function StatsGlobal({
 							<Link to={{ pathname, search, hash: '#demandes-utilisateurs' }}>
 								Voir les demandes populaires
 							</Link>
+							.
 						</>
 					}
 				/>
@@ -211,37 +211,11 @@ export default function StatsGlobal({
 						<Indicator
 							subTitle="Satisfaction utilisateurs"
 							main={
-								accessibleMode ? (
-									<AccessibleTable
-										data={[
-											{
-												nombre: {
-													// order is important
-													[SatisfactionLevel.TrèsBien]:
-														currentMonthSatisfaction.percentages['très bien'],
-													[SatisfactionLevel.Bien]:
-														currentMonthSatisfaction.percentages.bien,
-													[SatisfactionLevel.Moyen]:
-														currentMonthSatisfaction.percentages.moyen,
-													[SatisfactionLevel.Mauvais]:
-														currentMonthSatisfaction.percentages.mauvais,
-												},
-											},
-										]}
-										caption={
-											<Trans>
-												Le pourcentage de satisfaction du mois en cours.
-											</Trans>
-										}
-										formatValue={({ value }) => formatPercentage(value)}
-									/>
-								) : (
-									<RetoursAsProgress
-										percentages={currentMonthSatisfaction.percentages}
-									/>
-								)
+								<RetoursAsProgress
+									percentages={currentMonthSatisfaction.percentages}
+								/>
 							}
-							footnote={`Pour un total de ${currentMonthSatisfaction.total} avis ce mois-ci`}
+							footnote={`Pour un total de ${currentMonthSatisfaction.total} avis ce mois-ci.`}
 						/>
 					</Grid>
 				)}
@@ -264,5 +238,3 @@ export default function StatsGlobal({
 		</>
 	)
 }
-
-const formatPercentage = (value: number) => `${round(value, 2)} %`