implement new lists for albums

src/renderer/features/albums/components/album-list-paginated-grid.tsx

@@ -2,13 +2,12 @@ import { UseSuspenseQueryOptions } from '@tanstack/react-query';
 import { forwardRef } from 'react';
 
 import { api } from '/@/renderer/api';
-import {
-    PaginatedListProps,
-    useItemListPaginatedLoader,
-} from '/@/renderer/components/item-list/helpers/item-list-paginated-loader';
+import { useItemListPaginatedLoader } from '/@/renderer/components/item-list/helpers/item-list-paginated-loader';
+import { useItemListScrollPersist } from '/@/renderer/components/item-list/helpers/use-item-list-scroll-persist';
 import { ItemGridList } from '/@/renderer/components/item-list/item-grid-list/item-grid-list';
 import { ItemListWithPagination } from '/@/renderer/components/item-list/item-list-pagination/item-list-pagination';
 import { useItemListPagination } from '/@/renderer/components/item-list/item-list-pagination/use-item-list-pagination';
+import { ItemListGridComponentProps } from '/@/renderer/components/item-list/types';
 import { albumQueries } from '/@/renderer/features/albums/api/album-api';
 import {
     AlbumListQuery,
@@ -17,17 +16,18 @@ import {
     SortOrder,
 } from '/@/shared/types/domain-types';
 
-interface AlbumListPaginatedGridProps extends PaginatedListProps<AlbumListQuery> {}
+interface AlbumListPaginatedGridProps extends ItemListGridComponentProps<AlbumListQuery> {}
 
 export const AlbumListPaginatedGrid = forwardRef<any, AlbumListPaginatedGridProps>(
     (
         {
-            initialPage,
+            gap = 'md',
             itemsPerPage = 100,
             query = {
                 sortBy: AlbumListSort.NAME,
                 sortOrder: SortOrder.ASC,
             },
+            saveScrollOffset = true,
             serverId,
         },
         ref,
@@ -39,7 +39,7 @@ export const AlbumListPaginatedGrid = forwardRef<any, AlbumListPaginatedGridProp
 
         const listQueryFn = api.controller.getAlbumList;
 
-        const { currentPage, onChange } = useItemListPagination({ initialPage });
+        const { currentPage, onChange } = useItemListPagination();
 
         const { data, pageCount, totalItemCount } = useItemListPaginatedLoader({
             currentPage,
@@ -50,6 +50,10 @@ export const AlbumListPaginatedGrid = forwardRef<any, AlbumListPaginatedGridProp
             serverId,
         });
 
+        const { handleOnScrollEnd, scrollOffset } = useItemListScrollPersist({
+            enabled: saveScrollOffset,
+        });
+
         return (
             <ItemListWithPagination
                 currentPage={currentPage}
@@ -58,7 +62,17 @@ export const AlbumListPaginatedGrid = forwardRef<any, AlbumListPaginatedGridProp
                 pageCount={pageCount}
                 totalItemCount={totalItemCount}
             >
-                <ItemGridList data={data || []} itemType={LibraryItem.ALBUM} ref={ref} />
+                <ItemGridList
+                    data={data || []}
+                    gap={gap}
+                    initialTop={{
+                        to: scrollOffset ?? 0,
+                        type: 'offset',
+                    }}
+                    itemType={LibraryItem.ALBUM}
+                    onScrollEnd={handleOnScrollEnd}
+                    ref={ref}
+                />
             </ItemListWithPagination>
         );
     },