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 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 (
|
||||||
|
|
|
@ -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[]) => {
|
||||||
|
|
Reference in a new issue