diff --git a/front/src/components/table/Table.tsx b/front/src/components/table/Table.tsx index edcaaeef9..c6c86287d 100644 --- a/front/src/components/table/Table.tsx +++ b/front/src/components/table/Table.tsx @@ -10,7 +10,6 @@ import TableHeader from './table-header/TableHeader'; import { IconProp } from '@fortawesome/fontawesome-svg-core'; import styled from '@emotion/styled'; import { SortType } from './table-header/SortAndFilterBar'; -import { faCalendar } from '@fortawesome/pro-regular-svg-icons'; type OwnProps = { data: Array; @@ -18,6 +17,7 @@ type OwnProps = { viewName: string; viewIcon?: IconProp; onSortsUpdate?: (sorts: Array) => void; + sortsAvailable?: Array; }; const StyledTable = styled.table` @@ -69,6 +69,7 @@ function Table({ viewName, viewIcon, onSortsUpdate, + sortsAvailable, }: OwnProps) { const table = useReactTable({ data, @@ -76,22 +77,13 @@ function Table({ getCoreRowModel: getCoreRowModel(), }); - const sortsAvailable: Array = [ - { - id: 'created_at', - label: 'Created at', - order: 'asc', - icon: faCalendar, - }, - ]; - return ( diff --git a/front/src/pages/people/People.tsx b/front/src/pages/people/People.tsx index b2bb656ed..72c701ff1 100644 --- a/front/src/pages/people/People.tsx +++ b/front/src/pages/people/People.tsx @@ -1,4 +1,4 @@ -import { faUser, faList } from '@fortawesome/pro-regular-svg-icons'; +import { faUser, faList, faCalendar } from '@fortawesome/pro-regular-svg-icons'; import WithTopBarContainer from '../../layout/containers/WithTopBarContainer'; import Table from '../../components/table/Table'; import styled from '@emotion/styled'; @@ -38,6 +38,15 @@ function People() { const { data } = usePeopleQuery(orderBy); + const sortsAvailable: Array = [ + { + id: 'created_at', + label: 'Created at', + order: 'asc', + icon: faCalendar, + }, + ]; + return ( @@ -48,6 +57,7 @@ function People() { viewName="All People" viewIcon={faList} onSortsUpdate={updateSorts} + sortsAvailable={sortsAvailable} /> }