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

feature: keep callbacks between two renders

Browse Source
This commit is contained in:
Sammy Teillet
2023-04-24 14:49:40 +02:00
parent 2acd98370d
commit a5909bd6ff
2 changed files with 26 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -3,7 +3,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import DropdownButton from './DropdownButton';
import { IconProp } from '@fortawesome/fontawesome-svg-core';
import SortAndFilterBar, { SortType } from './SortAndFilterBar';
import { useState } from 'react';
import { useCallback, useState } from 'react';
type OwnProps = {
viewName: string;
@ -52,23 +52,29 @@ function TableHeader({
}: OwnProps) {
const [sorts, setSorts] = useState([] as Array<SortType>);
const onSortItemSelect = (sortId: string) => {
const newSorts = [
{
label: 'Created at',
order: 'asc',
id: sortId,
} as SortType,
];
setSorts(newSorts);
onSortsUpdate && onSortsUpdate(newSorts);
};
const onSortItemSelect = useCallback(
(sortId: string) => {
const newSorts = [
{
label: 'Created at',
order: 'asc',
id: sortId,
} as SortType,
];
setSorts(newSorts);
onSortsUpdate && onSortsUpdate(newSorts);
},
[onSortsUpdate],
);
const onSortItemUnSelect = (sortId: string) => {
const newSorts = [] as SortType[];
setSorts(newSorts);
onSortsUpdate && onSortsUpdate(newSorts);
};
const onSortItemUnSelect = useCallback(
(sortId: string) => {
const newSorts = [] as SortType[];
setSorts(newSorts);
onSortsUpdate && onSortsUpdate(newSorts);
},
[onSortsUpdate],
);
return (
<StyledContainer>