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

Finalize sort created_at filter

Browse Source
This commit is contained in:
Charles Bochet
2023-04-21 09:00:50 +02:00
parent 007debcee2
commit 0f09464f14
3 changed files with 21 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
front/src/components/table/Table.tsx
View File

@ -16,7 +16,7 @@ type OwnProps<TData> = {
columns: Array<ColumnDef<TData, any>>;
viewName: string;
viewIcon?: IconProp;
onSortsUpdate?: React.Dispatch<React.SetStateAction<SortType[]>>;
onSortsUpdate?: (sorts: Array<SortType>) => void;
};
const StyledTable = styled.table`

12
front/src/components/table/table-header/TableHeader.tsx
View File

@ -4,12 +4,12 @@ import DropdownButton from './DropdownButton';
import { IconProp } from '@fortawesome/fontawesome-svg-core';
import { faCalendar } from '@fortawesome/pro-regular-svg-icons';
import SortAndFilterBar, { SortType } from './SortAndFilterBar';
import { useState } from 'react';
import { useEffect, useState } from 'react';
type OwnProps = {
viewName: string;
viewIcon?: IconProp;
onSortsUpdate?: React.Dispatch<React.SetStateAction<SortType[]>>;
onSortsUpdate?: (sorts: Array<SortType>) => void;
};
const StyledContainer = styled.div`
@ -53,15 +53,17 @@ function TableHeader({ viewName, viewIcon, onSortsUpdate }: OwnProps) {
label: 'Created at',
order: 'asc',
id: sortId,
},
} as SortType,
]);
onSortsUpdate && onSortsUpdate(sorts);
};
const onSortItemUnSelect = (sortId: string) => {
setSorts([]);
};
useEffect(() => {
onSortsUpdate && onSortsUpdate(sorts);
}, [sorts, onSortsUpdate]);
const sortsAvailable: Array<SortType> = [
{
id: 'created_at',