feishin/src/renderer/store/album-artist-list-data.store.ts
jeffvli 16433457ad Use global state for grid card views
- Prevent re-render when fetching already cached state
2023-01-03 17:41:03 -08:00

37 lines
956 B
TypeScript

import create from 'zustand';
import { devtools } from 'zustand/middleware';
import { immer } from 'zustand/middleware/immer';
export interface AlbumArtistListDataState {
itemData: any[];
}
export interface AlbumArtistListDataSlice extends AlbumArtistListDataState {
actions: {
setItemData: (data: any[]) => void;
};
}
export const useAlbumArtistListDataStore = create<AlbumArtistListDataSlice>()(
devtools(
immer((set) => ({
actions: {
setItemData: (data) => {
set((state) => {
state.itemData = data;
});
},
},
itemData: [],
})),
{ name: 'store_album_list_data' },
),
);
export const useAlbumArtistListStoreActions = () =>
useAlbumArtistListDataStore((state) => state.actions);
export const useAlbumArtistListItemData = () =>
useAlbumArtistListDataStore((state) => {
return { itemData: state.itemData, setItemData: state.actions.setItemData };
});