lint all files

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

@@ -18,20 +18,17 @@ import { ItemListKey } from '/@/shared/types/types';
 interface AlbumListInfiniteGridProps extends ItemListGridComponentProps<AlbumListQuery> {}
 
 export const AlbumListInfiniteGrid = forwardRef<any, AlbumListInfiniteGridProps>(
-    (
-        {
-            gap = 'md',
-            itemsPerPage = 100,
-            itemsPerRow,
-            query = {
-                sortBy: AlbumListSort.NAME,
-                sortOrder: SortOrder.ASC,
-            },
-            saveScrollOffset = true,
-            serverId,
+    ({
+        gap = 'md',
+        itemsPerPage = 100,
+        itemsPerRow,
+        query = {
+            sortBy: AlbumListSort.NAME,
+            sortOrder: SortOrder.ASC,
         },
-        ref,
-    ) => {
+        saveScrollOffset = true,
+        serverId,
+    }) => {
         const listCountQuery = albumQueries.listCount({
             query: { ...query },
             serverId: serverId,

src/renderer/features/albums/components/subsonic-album-filters.tsx

@@ -62,14 +62,16 @@ export const SubsonicAlbumFilters = ({
         }),
     );
 
-    const selectableAlbumArtists = useMemo(() => {
-        if (!albumArtistListQuery?.data?.items) return [];
+    const items = albumArtistListQuery?.data?.items;
 
-        return albumArtistListQuery?.data?.items?.map((artist) => ({
+    const selectableAlbumArtists = useMemo(() => {
+        if (!items) return [];
+
+        return items.map((artist) => ({
             label: artist.name,
             value: artist.id,
         }));
-    }, [albumArtistListQuery?.data?.items]);
+    }, [items]);
 
     const handleAlbumArtistFilter = (e: null | string[]) => {
         setArtistIds(e ?? null);

src/renderer/features/albums/hooks/use-album-list-filters.ts

@@ -1,4 +1,3 @@
-import { useCallback } from 'react';
 import {
     parseAsArrayOf,
     parseAsBoolean,
@@ -7,6 +6,7 @@ import {
     parseAsString,
     useQueryState,
 } from 'nuqs';
+import { useCallback } from 'react';
 
 import { useSearchTermFilter } from '/@/renderer/features/shared/hooks/use-search-term-filter';
 import { useSortByFilter } from '/@/renderer/features/shared/hooks/use-sort-by-filter';
@@ -16,9 +16,12 @@ import { AlbumListSort, SortOrder } from '/@/shared/types/domain-types';
 import { ItemListKey } from '/@/shared/types/types';
 
 export const useAlbumListFilters = () => {
-    const { sortBy, setSortBy } = useSortByFilter<AlbumListSort>(AlbumListSort.NAME, ItemListKey.ALBUM);
+    const { setSortBy, sortBy } = useSortByFilter<AlbumListSort>(
+        AlbumListSort.NAME,
+        ItemListKey.ALBUM,
+    );
 
-    const { sortOrder, setSortOrder } = useSortOrderFilter(SortOrder.ASC, ItemListKey.ALBUM);
+    const { setSortOrder, sortOrder } = useSortOrderFilter(SortOrder.ASC, ItemListKey.ALBUM);
 
     const { searchTerm, setSearchTerm } = useSearchTermFilter('');
 

src/renderer/features/albums/routes/dummy-album-detail-route.tsx

@@ -15,7 +15,7 @@ import { PageErrorBoundary } from '/@/renderer/features/shared/components/page-e
 import { DefaultPlayButton } from '/@/renderer/features/shared/components/play-button';
 import { useCreateFavorite } from '/@/renderer/features/shared/mutations/create-favorite-mutation';
 import { useDeleteFavorite } from '/@/renderer/features/shared/mutations/delete-favorite-mutation';
-import { useContainerQuery, useFastAverageColor } from '/@/renderer/hooks';
+import { useFastAverageColor } from '/@/renderer/hooks';
 import { queryClient } from '/@/renderer/lib/react-query';
 import { AppRoute } from '/@/renderer/router/routes';
 import { useCurrentServer } from '/@/renderer/store';
@@ -33,7 +33,6 @@ import { Text } from '/@/shared/components/text/text';
 import { LibraryItem, SongDetailResponse } from '/@/shared/types/domain-types';
 
 const DummyAlbumDetailRoute = () => {
-    const { ref, ...cq } = useContainerQuery();
     const { t } = useTranslation();
 
     const { albumId } = useParams() as { albumId: string };
@@ -117,7 +116,7 @@ const DummyAlbumDetailRoute = () => {
     return (
         <AnimatedPage key={`dummy-album-detail-${albumId}`}>
             <LibraryContainer>
-                <Stack ref={ref}>
+                <Stack>
                     <LibraryHeader
                         imageUrl={detailQuery?.data?.imageUrl}
                         item={{ route: AppRoute.LIBRARY_SONGS, type: LibraryItem.SONG }}
@@ -182,7 +181,7 @@ const DummyAlbumDetailRoute = () => {
                                 />
                                 <ActionIcon
                                     icon="ellipsisHorizontal"
-                                    onClick={(e) => {
+                                    onClick={() => {
                                         if (!detailQuery?.data) return;
                                     }}
                                     variant="subtle"
@@ -199,7 +198,7 @@ const DummyAlbumDetailRoute = () => {
                                         key={`genre-${genre.id}`}
                                         radius={0}
                                         size="compact-md"
-                                        to={generatePath(AppRoute.LIBRARY_GENRES_SONGS, {
+                                        to={generatePath(AppRoute.LIBRARY_GENRES_DETAIL, {
                                             genreId: genre.id,
                                         })}
                                         variant="outline"