Adjust list search handler

- Prevent re-render when search value does not change
This commit is contained in:
jeffvli 2022-12-27 14:21:21 -08:00
parent 363f597e17
commit 728b177e7a
2 changed files with 8 additions and 8 deletions

View file

@ -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 (

View file

@ -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[]) => {