antebudimir/feishin
1
0
Fork 0
mirror of https://github.com/antebudimir/feishin.git synced 2026-01-03 03:11:40 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Fix refetch on filter change

Browse source
This commit is contained in:
jeffvli 2022-12-24 20:20:17 -08:00
parent 26ea4c0cc9
commit 39e2212d1d
3 changed files with 81 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/renderer/features/albums/components/album-list-content.tsx
View file

@ -2,11 +2,12 @@ import {
ALBUM_CARD_ROWS,
VirtualGridAutoSizerContainer,
VirtualInfiniteGrid,
VirtualInfiniteGridRef,
} from '/@/renderer/components';
import { AppRoute } from '/@/renderer/router/routes';
import { CardDisplayType, CardRow, LibraryItem } from '/@/renderer/types';
import AutoSizer from 'react-virtualized-auto-sizer';
import { useCallback, useMemo } from 'react';
import { MutableRefObject, useCallback, useMemo } from 'react';
import { ListOnScrollProps } from 'react-window';
import { api } from '/@/renderer/api';
import { controller } from '/@/renderer/api/controller';
@ -17,7 +18,11 @@ import { useHandlePlayQueueAdd } from '/@/renderer/features/player/hooks/use-han
import { useQueryClient } from '@tanstack/react-query';
import { useCurrentServer, useSetAlbumStore, useAlbumListStore } from '/@/renderer/store';
export const AlbumListContent = () => {
interface AlbumListContentProps {
gridRef: MutableRefObject<VirtualInfiniteGridRef | null>;
}
export const AlbumListContent = ({ gridRef }: AlbumListContentProps) => {
const queryClient = useQueryClient();
const server = useCurrentServer();
const page = useAlbumListStore();
@ -135,6 +140,7 @@ export const AlbumListContent = () => {
<AutoSizer>
{({ height, width }) => (
<VirtualInfiniteGrid
ref={gridRef}
cardRows={cardRows}
display={page.display || CardDisplayType.CARD}
fetchFn={fetch}
@ -146,7 +152,6 @@ export const AlbumListContent = () => {
itemSize={150 + page.grid?.size}
itemType={LibraryItem.ALBUM}
minimumBatchSize={40}
refresh={page.filter}
route={{
route: AppRoute.LIBRARY_ALBUMS_DETAIL,
slugs: [{ idProperty: 'id', slugProperty: 'albumId' }],