admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Format creation date

Browse Source
This commit is contained in:
Anders Borch
2023-04-13 17:28:09 +02:00
parent caf7c168aa
commit 27d4867488
1 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
front/src/pages/people/People.tsx
View File

@ -23,7 +23,7 @@ type Person = {
email: string; email: string;
company: Company; company: Company;
phone: string; phone: string;
creationDate: string; creationDate: Date;
pipe: Pipe; pipe: Pipe;
city: string; city: string;
countryCode: string; countryCode: string;
@ -50,7 +50,7 @@ const defaultData: Array<Person> = [
email: 'alexandre@qonto.com', email: 'alexandre@qonto.com',
company: { id: 1, name: 'Qonto', logo: 'https://qonto.eu/logo.png' }, company: { id: 1, name: 'Qonto', logo: 'https://qonto.eu/logo.png' },
phone: '06 12 34 56 78', phone: '06 12 34 56 78',
creationDate: 'Feb 23, 2018', creationDate: new Date('Feb 23, 2018'),
pipe: { id: 1, name: 'Sales Pipeline', icon: 'faUser' }, pipe: { id: 1, name: 'Sales Pipeline', icon: 'faUser' },
city: 'Paris', city: 'Paris',
countryCode: 'FR', countryCode: 'FR',
@ -61,7 +61,7 @@ const defaultData: Array<Person> = [
email: 'alexandre@qonto.com', email: 'alexandre@qonto.com',
company: { id: 1, name: 'Qonto', logo: 'https://qonto.eu/logo.png' }, company: { id: 1, name: 'Qonto', logo: 'https://qonto.eu/logo.png' },
phone: '06 12 34 56 78', phone: '06 12 34 56 78',
creationDate: 'Feb 23, 2018', creationDate: new Date('Feb 23, 2018'),
pipe: { id: 1, name: 'Sales Pipeline', icon: 'faUser' }, pipe: { id: 1, name: 'Sales Pipeline', icon: 'faUser' },
city: 'Paris', city: 'Paris',
countryCode: 'FR', countryCode: 'FR',
@ -72,7 +72,7 @@ const defaultData: Array<Person> = [
email: 'alexandre@qonto.com', email: 'alexandre@qonto.com',
company: { id: 1, name: 'Qonto', logo: 'https://qonto.eu/logo.png' }, company: { id: 1, name: 'Qonto', logo: 'https://qonto.eu/logo.png' },
phone: '06 12 34 56 78', phone: '06 12 34 56 78',
creationDate: 'Feb 23, 2018', creationDate: new Date('Feb 23, 2018'),
pipe: { id: 1, name: 'Sales Pipeline', icon: 'faUser' }, pipe: { id: 1, name: 'Sales Pipeline', icon: 'faUser' },
city: 'Paris', city: 'Paris',
countryCode: 'FR', countryCode: 'FR',
@ -83,7 +83,7 @@ const defaultData: Array<Person> = [
email: 'alexandre@qonto.com', email: 'alexandre@qonto.com',
company: { id: 1, name: 'Qonto', logo: 'https://qonto.eu/logo.png' }, company: { id: 1, name: 'Qonto', logo: 'https://qonto.eu/logo.png' },
phone: '06 12 34 56 78', phone: '06 12 34 56 78',
creationDate: 'Feb 23, 2018', creationDate: new Date('Feb 23, 2018'),
pipe: { id: 1, name: 'Sales Pipeline', icon: 'faUser' }, pipe: { id: 1, name: 'Sales Pipeline', icon: 'faUser' },
city: 'Paris', city: 'Paris',
countryCode: 'FR', countryCode: 'FR',
@ -94,7 +94,7 @@ const defaultData: Array<Person> = [
email: 'alexandre@qonto.com', email: 'alexandre@qonto.com',
company: { id: 1, name: 'Qonto', logo: 'https://qonto.eu/logo.png' }, company: { id: 1, name: 'Qonto', logo: 'https://qonto.eu/logo.png' },
phone: '06 12 34 56 78', phone: '06 12 34 56 78',
creationDate: 'Feb 23, 2018', creationDate: new Date('Feb 23, 2018'),
pipe: { id: 1, name: 'Sales Pipeline', icon: 'faUser' }, pipe: { id: 1, name: 'Sales Pipeline', icon: 'faUser' },
city: 'Paris', city: 'Paris',
countryCode: 'FR', countryCode: 'FR',
@ -145,6 +145,12 @@ const columns = [
}), }),
columnHelper.accessor('creationDate', { columnHelper.accessor('creationDate', {
header: () => <TableHeader viewName="Creation" viewIcon={faCalendar} />, 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', { columnHelper.accessor('pipe', {
header: () => <TableHeader viewName="Pipe" viewIcon={faRectangleList} />, header: () => <TableHeader viewName="Pipe" viewIcon={faRectangleList} />,