progress on subsonic api

src/renderer/features/genres/components/genre-list-grid-view.tsx

@@ -74,15 +74,11 @@ export const GenreListGridView = ({ gridRef, itemCount }: any) => {
         const itemData: Genre[] = [];
 
         for (const [, data] of queriesFromCache) {
-            const { items, startIndex } = data || {};
+            const { items, offset } = data || {};
 
-            if (items && items.length !== 1 && startIndex !== undefined) {
+            if (items && items.length !== 1 && offset !== undefined) {
                 let itemIndex = 0;
-                for (
-                    let rowIndex = startIndex;
-                    rowIndex < startIndex + items.length;
-                    rowIndex += 1
-                ) {
+                for (let rowIndex = offset; rowIndex < offset + items.length; rowIndex += 1) {
                     itemData[rowIndex] = items[itemIndex];
                     itemIndex += 1;
                 }
@@ -101,7 +97,7 @@ export const GenreListGridView = ({ gridRef, itemCount }: any) => {
             const query: GenreListQuery = {
                 ...filter,
                 limit: take,
-                startIndex: skip,
+                offset: skip,
             };
 
             const queryKey = queryKeys.albums.list(server?.id || '', query);

src/renderer/features/genres/queries/genre-list-query.ts

@@ -4,12 +4,12 @@ import { useQuery } from '@tanstack/react-query';
 
 import { api } from '/@/renderer/api';
 import { queryKeys } from '/@/renderer/api/query-keys';
-import { getServerById } from '/@/renderer/store';
+import { useServerById } from '/@/renderer/store';
 import { GenreListQuery } from '/@/shared/types/domain/genre-domain-types';
 
 export const useGenreList = (args: QueryHookArgs<GenreListQuery>) => {
     const { options, query, serverId } = args || {};
-    const server = getServerById(serverId);
+    const server = useServerById(serverId);
 
     return useQuery({
         enabled: !!server,

src/renderer/features/genres/routes/genre-list-route.tsx

@@ -23,7 +23,7 @@ const GenreListRoute = () => {
         query: {
             ...filter,
             limit: 1,
-            startIndex: 0,
+            offset: 0,
         },
         serverId: server?.id,
     });