Keep playlist store separate

src/renderer/components/virtual-table/table-pagination.tsx

@@ -27,6 +27,7 @@ export const TablePagination = ({
   tableRef,
   pagination,
   setPagination,
+  setIdPagination,
 }: TablePaginationProps) => {
   const [isGoToPageOpen, handlers] = useDisclosure(false);
   const containerQuery = useContainerQuery();
@@ -41,6 +42,7 @@ export const TablePagination = ({
     const newPage = index - 1;
     tableRef.current?.api.paginationGoToPage(newPage);
     setPagination?.({ data: { currentPage: newPage }, key: pageKey });
+    setIdPagination?.(pageKey || '', { currentPage: newPage });
   };
 
   const handleGoSubmit = goToForm.onSubmit((values) => {
@@ -52,6 +54,7 @@ export const TablePagination = ({
     const newPage = values.pageNumber - 1;
     tableRef.current?.api.paginationGoToPage(newPage);
     setPagination?.({ data: { currentPage: newPage }, key: pageKey });
+    setIdPagination?.(pageKey || '', { currentPage: newPage });
   });
 
   const currentPageStartIndex = pagination.currentPage * pagination.itemsPerPage + 1;

src/renderer/features/playlists/components/playlist-detail-song-list-content.tsx

@@ -252,7 +252,7 @@ export const PlaylistDetailSongListContent = ({ tableRef }: PlaylistDetailConten
         >
           {page.display === ListDisplayType.TABLE_PAGINATED && (
             <TablePagination
-              id={playlistId}
+              pageKey={playlistId}
               pagination={pagination}
               setIdPagination={setPagination}
               tableRef={tableRef}

src/renderer/store/index.ts

@@ -2,5 +2,6 @@ export * from './auth.store';
 export * from './player.store';
 export * from './app.store';
 export * from './list.store';
+export * from './playlist.store';
 export * from './album-list-data.store';
 export * from './album-artist-list-data.store';

src/renderer/store/list.store.ts

@@ -8,7 +8,6 @@ import {
   AlbumArtistListSort,
   AlbumListArgs,
   AlbumListSort,
-  PlaylistListArgs,
   PlaylistListSort,
   SongListArgs,
   SongListSort,
@@ -24,11 +23,10 @@ export const generatePageKey = (page: string, id?: string) => {
 export type AlbumListFilter = Omit<AlbumListArgs['query'], 'startIndex' | 'limit'>;
 export type SongListFilter = Omit<SongListArgs['query'], 'startIndex' | 'limit'>;
 export type AlbumArtistListFilter = Omit<AlbumArtistListArgs['query'], 'startIndex' | 'limit'>;
-export type PlaylistListFilter = Omit<PlaylistListArgs['query'], 'startIndex' | 'limit'>;
 
 export type ListKey = keyof ListState['item'] | string;
 
-type FilterType = AlbumListFilter | SongListFilter | AlbumArtistListFilter | PlaylistListFilter;
+type FilterType = AlbumListFilter | SongListFilter | AlbumArtistListFilter;
 
 type ListTableProps = {
   pagination: TablePagination;
@@ -55,7 +53,6 @@ export interface ListState {
     album: ItemProps<AlbumListFilter>;
     albumArtist: ItemProps<AlbumArtistListFilter>;
     albumDetail: ItemProps<any>;
-    playlist: ItemProps<PlaylistListFilter>;
     song: ItemProps<SongListFilter>;
   };
 }

src/renderer/store/playlist.store.ts

@@ -3,8 +3,8 @@ import create from 'zustand';
 import { devtools, persist } from 'zustand/middleware';
 import { immer } from 'zustand/middleware/immer';
 import { PlaylistListArgs, PlaylistListSort, SortOrder } from '/@/renderer/api/types';
+import { SongListFilter } from '/@/renderer/store/list.store';
 import { DataTableProps } from '/@/renderer/store/settings.store';
-import { SongListFilter } from '/@/renderer/store/song.store';
 import { ListDisplayType, TableColumn, TablePagination } from '/@/renderer/types';
 
 type TableProps = {