Adjust list search handler
- Prevent re-render when search value does not change
This commit is contained in:
parent
363f597e17
commit
728b177e7a
2 changed files with 8 additions and 8 deletions
|
@ -207,10 +207,10 @@ export const AlbumListHeader = ({ gridRef }: AlbumListHeaderProps) => {
|
|||
);
|
||||
|
||||
const handleSearch = debounce((e: ChangeEvent<HTMLInputElement>) => {
|
||||
const updatedFilters = setFilter({
|
||||
searchTerm: e.target.value === '' ? undefined : e.target.value,
|
||||
});
|
||||
handleFilterChange(updatedFilters);
|
||||
const previousSearchTerm = page.filter.searchTerm;
|
||||
const searchTerm = e.target.value === '' ? undefined : e.target.value;
|
||||
const updatedFilters = setFilter({ searchTerm });
|
||||
if (previousSearchTerm !== searchTerm) handleFilterChange(updatedFilters);
|
||||
}, 500);
|
||||
|
||||
return (
|
||||
|
|
|
@ -200,10 +200,10 @@ export const SongListHeader = ({ tableRef }: SongListHeaderProps) => {
|
|||
);
|
||||
|
||||
const handleSearch = debounce((e: ChangeEvent<HTMLInputElement>) => {
|
||||
const updatedFilters = setFilter({
|
||||
searchTerm: e.target.value === '' ? undefined : e.target.value,
|
||||
});
|
||||
handleFilterChange(updatedFilters);
|
||||
const previousSearchTerm = page.filter.searchTerm;
|
||||
const searchTerm = e.target.value === '' ? undefined : e.target.value;
|
||||
const updatedFilters = setFilter({ searchTerm });
|
||||
if (previousSearchTerm !== searchTerm) handleFilterChange(updatedFilters);
|
||||
}, 500);
|
||||
|
||||
const handleTableColumns = (values: TableColumn[]) => {
|
||||
|
|
Reference in a new issue