From 27d48674882ceec7bad4d6cef54b91e53ef1e39a Mon Sep 17 00:00:00 2001
From: Anders Borch <anders@cyborch.com>
Date: Thu, 13 Apr 2023 17:28:09 +0200
Subject: [PATCH] Format creation date

---
 front/src/pages/people/People.tsx | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/front/src/pages/people/People.tsx b/front/src/pages/people/People.tsx
index 0db1144a5..3490cd2d1 100644
--- a/front/src/pages/people/People.tsx
+++ b/front/src/pages/people/People.tsx
@@ -23,7 +23,7 @@ type Person = {
   email: string;
   company: Company;
   phone: string;
-  creationDate: string;
+  creationDate: Date;
   pipe: Pipe;
   city: string;
   countryCode: string;
@@ -50,7 +50,7 @@ const defaultData: Array<Person> = [
     email: 'alexandre@qonto.com',
     company: { id: 1, name: 'Qonto', logo: 'https://qonto.eu/logo.png' },
     phone: '06 12 34 56 78',
-    creationDate: 'Feb 23, 2018',
+    creationDate: new Date('Feb 23, 2018'),
     pipe: { id: 1, name: 'Sales Pipeline', icon: 'faUser' },
     city: 'Paris',
     countryCode: 'FR',
@@ -61,7 +61,7 @@ const defaultData: Array<Person> = [
     email: 'alexandre@qonto.com',
     company: { id: 1, name: 'Qonto', logo: 'https://qonto.eu/logo.png' },
     phone: '06 12 34 56 78',
-    creationDate: 'Feb 23, 2018',
+    creationDate: new Date('Feb 23, 2018'),
     pipe: { id: 1, name: 'Sales Pipeline', icon: 'faUser' },
     city: 'Paris',
     countryCode: 'FR',
@@ -72,7 +72,7 @@ const defaultData: Array<Person> = [
     email: 'alexandre@qonto.com',
     company: { id: 1, name: 'Qonto', logo: 'https://qonto.eu/logo.png' },
     phone: '06 12 34 56 78',
-    creationDate: 'Feb 23, 2018',
+    creationDate: new Date('Feb 23, 2018'),
     pipe: { id: 1, name: 'Sales Pipeline', icon: 'faUser' },
     city: 'Paris',
     countryCode: 'FR',
@@ -83,7 +83,7 @@ const defaultData: Array<Person> = [
     email: 'alexandre@qonto.com',
     company: { id: 1, name: 'Qonto', logo: 'https://qonto.eu/logo.png' },
     phone: '06 12 34 56 78',
-    creationDate: 'Feb 23, 2018',
+    creationDate: new Date('Feb 23, 2018'),
     pipe: { id: 1, name: 'Sales Pipeline', icon: 'faUser' },
     city: 'Paris',
     countryCode: 'FR',
@@ -94,7 +94,7 @@ const defaultData: Array<Person> = [
     email: 'alexandre@qonto.com',
     company: { id: 1, name: 'Qonto', logo: 'https://qonto.eu/logo.png' },
     phone: '06 12 34 56 78',
-    creationDate: 'Feb 23, 2018',
+    creationDate: new Date('Feb 23, 2018'),
     pipe: { id: 1, name: 'Sales Pipeline', icon: 'faUser' },
     city: 'Paris',
     countryCode: 'FR',
@@ -145,6 +145,12 @@ const columns = [
   }),
   columnHelper.accessor('creationDate', {
     header: () => <TableHeader viewName="Creation" viewIcon={faCalendar} />,
+    cell: (props) =>
+      new Intl.DateTimeFormat(undefined, {
+        month: 'short',
+        day: 'numeric',
+        year: 'numeric',
+      }).format(props.row.original.creationDate),
   }),
   columnHelper.accessor('pipe', {
     header: () => <TableHeader viewName="Pipe" viewIcon={faRectangleList} />,