Re-add infinite album list query
This commit is contained in:
parent
e45252d16c
commit
3fb24d5f64
1 changed files with 34 additions and 17 deletions
|
@ -1,7 +1,8 @@
|
||||||
import { useQuery } from '@tanstack/react-query';
|
import { useInfiniteQuery, useQuery } from '@tanstack/react-query';
|
||||||
|
import { api } from '/@/renderer/api';
|
||||||
import { controller } from '/@/renderer/api/controller';
|
import { controller } from '/@/renderer/api/controller';
|
||||||
import { queryKeys } from '/@/renderer/api/query-keys';
|
import { queryKeys } from '/@/renderer/api/query-keys';
|
||||||
import type { AlbumListQuery } from '/@/renderer/api/types';
|
import type { AlbumListQuery, AlbumListResponse } from '/@/renderer/api/types';
|
||||||
import type { QueryHookArgs } from '/@/renderer/lib/react-query';
|
import type { QueryHookArgs } from '/@/renderer/lib/react-query';
|
||||||
import { getServerById } from '/@/renderer/store';
|
import { getServerById } from '/@/renderer/store';
|
||||||
|
|
||||||
|
@ -26,19 +27,35 @@ export const useAlbumList = (args: QueryHookArgs<AlbumListQuery>) => {
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
// export const useAlbumListInfinite = (params: AlbumListParams, options?: QueryOptions) => {
|
export const useAlbumListInfinite = (args: QueryHookArgs<AlbumListQuery>) => {
|
||||||
// const serverId = useAuthStore((state) => state.currentServer?.id) || '';
|
const { options, query, serverId } = args;
|
||||||
|
const server = getServerById(serverId);
|
||||||
|
|
||||||
// return useInfiniteQuery({
|
return useInfiniteQuery({
|
||||||
// enabled: !!serverId,
|
enabled: !!serverId,
|
||||||
// getNextPageParam: (lastPage: AlbumListResponse) => {
|
getNextPageParam: (lastPage: AlbumListResponse | undefined, pages) => {
|
||||||
// return !!lastPage.pagination.nextPage;
|
if (!lastPage?.items) return undefined;
|
||||||
// },
|
if (lastPage?.items?.length >= (query?.limit || 50)) {
|
||||||
// getPreviousPageParam: (firstPage: AlbumListResponse) => {
|
return pages?.length;
|
||||||
// return !!firstPage.pagination.prevPage;
|
}
|
||||||
// },
|
|
||||||
// queryFn: ({ pageParam }) => api.albums.getAlbumList({ serverId }, { ...(pageParam || params) }),
|
return undefined;
|
||||||
// queryKey: queryKeys.albums.list(serverId, params),
|
},
|
||||||
// ...options,
|
queryFn: ({ pageParam = 0, signal }) => {
|
||||||
// });
|
if (!server) throw new Error('Server not found');
|
||||||
// };
|
return api.controller.getAlbumList({
|
||||||
|
apiClientProps: {
|
||||||
|
server,
|
||||||
|
signal,
|
||||||
|
},
|
||||||
|
query: {
|
||||||
|
...query,
|
||||||
|
limit: query.limit || 50,
|
||||||
|
startIndex: pageParam * (query.limit || 50),
|
||||||
|
},
|
||||||
|
});
|
||||||
|
},
|
||||||
|
queryKey: queryKeys.albums.list(server?.id || '', query),
|
||||||
|
...options,
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
Reference in a new issue