pogmommy/feishin
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Memoize context values

Browse source
This commit is contained in:
jeffvli 2023-08-08 00:38:32 -07:00
parent 1111fd00a1
commit e542fcb8aa
4 changed files with 36 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/renderer/features/albums/routes/album-list-route.tsx
View file

@ -87,9 +87,18 @@ const AlbumListRoute = () => {
[albumListFilter, customFilters, handlePlayQueueAdd, itemCount, server],
);
const providerValue = useMemo(() => {
return {
customFilters,
handlePlay,
id: albumArtistId ?? undefined,
pageKey,
};
}, [albumArtistId, customFilters, handlePlay, pageKey]);
return (
<AnimatedPage>
<ListContext.Provider value={{ customFilters, handlePlay, id: albumArtistId, pageKey }}>
<ListContext.Provider value={providerValue}>
<AlbumListHeader
gridRef={gridRef}
itemCount={itemCount}

11
src/renderer/features/artists/routes/album-artist-detail-top-songs-list-route.tsx
View file

@ -1,4 +1,4 @@
import { useRef } from 'react';
import { useMemo, useRef } from 'react';
import type { AgGridReact as AgGridReactType } from '@ag-grid-community/react/lib/agGridReact';
import { useParams } from 'react-router';
import { AlbumArtistDetailTopSongsListContent } from '/@/renderer/features/artists/components/album-artist-detail-top-songs-list-content';
@ -29,11 +29,16 @@ const AlbumArtistDetailTopSongsListRoute = () => {
const itemCount = topSongsQuery?.data?.items?.length || 0;
if (detailQuery.isLoading || topSongsQuery?.isLoading) return null;
const providerValue = useMemo(() => {
return {
id: albumArtistId,
pageKey,
};
}, [albumArtistId, pageKey]);
return (
<AnimatedPage>
<ListContext.Provider value={{ id: albumArtistId, pageKey }}>
<ListContext.Provider value={providerValue}>
<AlbumArtistDetailTopSongsListHeader
data={topSongsQuery?.data?.items || []}
itemCount={itemCount}

11
src/renderer/features/artists/routes/album-artist-list-route.tsx
View file

@ -1,5 +1,5 @@
import type { AgGridReact as AgGridReactType } from '@ag-grid-community/react/lib/agGridReact';
import { useRef } from 'react';
import { useMemo, useRef } from 'react';
import { useCurrentServer } from '../../../store/auth.store';
import { useListFilterByKey } from '../../../store/list.store';
import { LibraryItem } from '/@/renderer/api/types';
@ -36,9 +36,16 @@ const AlbumArtistListRoute = () => {
? undefined
: itemCountCheck.data?.totalRecordCount;
const providerValue = useMemo(() => {
return {
id: undefined,
pageKey,
};
}, [pageKey]);
return (
<AnimatedPage>
<ListContext.Provider value={{ id: undefined, pageKey }}>
<ListContext.Provider value={providerValue}>
<AlbumArtistListHeader
gridRef={gridRef}
itemCount={itemCount}

11
src/renderer/features/playlists/routes/playlist-list-route.tsx
View file

@ -1,5 +1,5 @@
import type { AgGridReact as AgGridReactType } from '@ag-grid-community/react/lib/agGridReact';
import { useRef } from 'react';
import { useMemo, useRef } from 'react';
import { useParams } from 'react-router';
import { PlaylistListSort, SortOrder } from '/@/renderer/api/types';
import { VirtualInfiniteGridRef } from '/@/renderer/components/virtual-grid';
@ -38,9 +38,16 @@ const PlaylistListRoute = () => {
? undefined
: itemCountCheck.data?.totalRecordCount;
const providerValue = useMemo(() => {
return {
id: playlistId,
pageKey,
};
}, [playlistId]);
return (
<AnimatedPage>
<ListContext.Provider value={{ id: playlistId, pageKey }}>
<ListContext.Provider value={providerValue}>
<PlaylistListHeader
gridRef={gridRef}
itemCount={itemCount}