From 5bec4f8690702c32733e869e216d785a0cda3d57 Mon Sep 17 00:00:00 2001
From: Maxime-J <Maxime-J@users.noreply.github.com>
Date: Fri, 1 Sep 2023 14:15:57 +0000
Subject: [PATCH] localize date in retention report

---
 src/components/pages/reports/retention/RetentionTable.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/pages/reports/retention/RetentionTable.js b/src/components/pages/reports/retention/RetentionTable.js
index 09ef2948..ad1eaa6f 100644
--- a/src/components/pages/reports/retention/RetentionTable.js
+++ b/src/components/pages/reports/retention/RetentionTable.js
@@ -3,11 +3,13 @@ import classNames from 'classnames';
 import { ReportContext } from '../Report';
 import EmptyPlaceholder from 'components/common/EmptyPlaceholder';
 import { useMessages } from 'components/hooks';
+import { useLocale } from 'components/hooks';
 import { formatDate } from 'lib/date';
 import styles from './RetentionTable.module.css';
 
 export function RetentionTable() {
   const { formatMessage, labels } = useMessages();
+  const { locale } = useLocale();
   const { report } = useContext(ReportContext);
   const { data } = report || {};
 
@@ -51,7 +53,7 @@ export function RetentionTable() {
         {rows.map(({ date, visitors, records }, rowIndex) => {
           return (
             <div key={rowIndex} className={styles.row}>
-              <div className={styles.date}>{formatDate(`${date} 00:00:00`, 'PP')}</div>
+              <div className={styles.date}>{formatDate(`${date} 00:00:00`, 'PP', locale)}</div>
               <div className={styles.visitors}>{visitors}</div>
               {days.map(day => {
                 if (totalDays - rowIndex < day) {