From 1f9deb706840ebdb7a75d83e32dbc72615ccbb8a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?J=C3=A9r=C3=A9my=20Rialland?= Date: Tue, 20 Jun 2023 16:46:48 +0200 Subject: [PATCH] Add info about the new api cache in stats graph --- site/source/locales/ui-en.yaml | 2 ++ site/source/locales/ui-fr.yaml | 2 ++ site/source/pages/statistiques/Chart.tsx | 14 ++++++++++++++ site/source/pages/statistiques/StatsDetail.tsx | 13 +++++++++++++ 4 files changed, 31 insertions(+) diff --git a/site/source/locales/ui-en.yaml b/site/source/locales/ui-en.yaml index f95b93128..7817328ed 100644 --- a/site/source/locales/ui-en.yaml +++ b/site/source/locales/ui-en.yaml @@ -2068,6 +2068,8 @@ stats: change_january_2022: Modification of the user feedback module resulting in a significant decrease in the number of notices change_january_2023: Modification of the user feedback module + change_june_2023: Addition of an API cache to improve performance and reduce the + number of requests. description: Discover our usage statistics updated daily. title: Statistics statut du dirigeant: diff --git a/site/source/locales/ui-fr.yaml b/site/source/locales/ui-fr.yaml index 969432eb8..d7ce4d776 100644 --- a/site/source/locales/ui-fr.yaml +++ b/site/source/locales/ui-fr.yaml @@ -2112,6 +2112,8 @@ stats: change_january_2022: Modification du module de retours utilisateurs entraînant une baisse significative des avis change_january_2023: Modification du module de retours utilisateurs + change_june_2023: Ajout d'un cache sur l'API pour améliorer les performances et + réduire le nombre de requêtes. description: Découvrez nos statistiques d'utilisation mises à jour quotidiennement. title: Statistiques statut du dirigeant: diff --git a/site/source/pages/statistiques/Chart.tsx b/site/source/pages/statistiques/Chart.tsx index 5ca3c553e..1844bb1f9 100644 --- a/site/source/pages/statistiques/Chart.tsx +++ b/site/source/pages/statistiques/Chart.tsx @@ -10,6 +10,7 @@ import { ComposedChart, Legend, Line, + ReferenceLine, ResponsiveContainer, Tooltip, XAxis, @@ -28,6 +29,7 @@ type Period = 'mois' | 'jours' export type Data> = { date: string nombre: T + info?: ReactNode }[] export type DataStacked = Data> @@ -188,6 +190,17 @@ export default function VisitsChart({ /> ) )} + + {flattenData + .filter(({ info }) => info) + .map(({ date }) => ( + + ))} @@ -262,6 +275,7 @@ const CustomTooltip = ({ return ( + {data.info} {period === 'jours' ? formatDayLong(data.date) : formatMonth(data.date)} diff --git a/site/source/pages/statistiques/StatsDetail.tsx b/site/source/pages/statistiques/StatsDetail.tsx index b2a47f0db..cf6332a7c 100644 --- a/site/source/pages/statistiques/StatsDetail.tsx +++ b/site/source/pages/statistiques/StatsDetail.tsx @@ -68,6 +68,10 @@ export const StatsDetail = ({ stats, accessibleMode }: StatsDetailProps) => { return (rawData.api ?? []).map(({ date, ...nombre }) => ({ date, nombre, + info: + (period === 'jours' ? '2023-06-16' : '2023-06-01') === date ? ( + + ) : null, })) } if (chapter2 === 'guide') { @@ -307,6 +311,15 @@ export const StatsDetail = ({ stats, accessibleMode }: StatsDetailProps) => { ) } +const ChangeJune2023 = () => ( + + + Ajout d'un cache sur l'API pour améliorer les performances et réduire le + nombre de requêtes. + + +) + const isPAM = (name: string | undefined) => name && [