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 handleSearch = debounce((e: ChangeEvent<HTMLInputElement>) => {
const updatedFilters = setFilter({ const previousSearchTerm = page.filter.searchTerm;
searchTerm: e.target.value === '' ? undefined : e.target.value, const searchTerm = e.target.value === '' ? undefined : e.target.value;
}); const updatedFilters = setFilter({ searchTerm });
handleFilterChange(updatedFilters); if (previousSearchTerm !== searchTerm) handleFilterChange(updatedFilters);
}, 500); }, 500);
return ( return (

View file

@ -200,10 +200,10 @@ export const SongListHeader = ({ tableRef }: SongListHeaderProps) => {
); );
const handleSearch = debounce((e: ChangeEvent<HTMLInputElement>) => { const handleSearch = debounce((e: ChangeEvent<HTMLInputElement>) => {
const updatedFilters = setFilter({ const previousSearchTerm = page.filter.searchTerm;
searchTerm: e.target.value === '' ? undefined : e.target.value, const searchTerm = e.target.value === '' ? undefined : e.target.value;
}); const updatedFilters = setFilter({ searchTerm });
handleFilterChange(updatedFilters); if (previousSearchTerm !== searchTerm) handleFilterChange(updatedFilters);
}, 500); }, 500);
const handleTableColumns = (values: TableColumn[]) => { const handleTableColumns = (values: TableColumn[]) => {