This repository has been archived on 2025-03-19. You can view files and clone it, but cannot push or open issues or pull requests.
feishin/src/renderer/store/album-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

36 lines
900 B
TypeScript

import create from 'zustand';
import { devtools } from 'zustand/middleware';
import { immer } from 'zustand/middleware/immer';
export interface AlbumListDataState {
itemData: any[];
}
export interface AlbumListDataSlice extends AlbumListDataState {
actions: {
setItemData: (data: any[]) => void;
};
}
export const useAlbumListDataStore = create<AlbumListDataSlice>()(
devtools(
immer((set) => ({
actions: {
setItemData: (data) => {
set((state) => {
state.itemData = data;
});
},
},
itemData: [],
})),
{ name: 'store_album_list_data' },
),
);
export const useAlbumListStoreActions = () => useAlbumListDataStore((state) => state.actions);
export const useAlbumListItemData = () =>
useAlbumListDataStore((state) => {
return { itemData: state.itemData, setItemData: state.actions.setItemData };
});