vanja/feishin
1
0
Fork 0
mirror of https://github.com/jeffvli/feishin.git synced 2026-06-17 00:44:23 +02:00
Code Issues Packages Projects Releases Wiki Activity

Adjust list search handler

Browse Source 
- 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
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/features/albums/components/album-list-header.tsx
+4 -4
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 (
src/renderer/features/songs/components/song-list-header.tsx
+4 -4
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[]) => {