Lint all files

src/renderer/features/artists/routes/album-artist-detail-route.tsx

@@ -12,51 +12,56 @@ import { AlbumArtistDetailContent } from '/@/renderer/features/artists/component
 import { useCurrentServer } from '/@/renderer/store';
 
 const AlbumArtistDetailRoute = () => {
-  const scrollAreaRef = useRef<HTMLDivElement>(null);
-  const headerRef = useRef<HTMLDivElement>(null);
-  const server = useCurrentServer();
+    const scrollAreaRef = useRef<HTMLDivElement>(null);
+    const headerRef = useRef<HTMLDivElement>(null);
+    const server = useCurrentServer();
 
-  const { albumArtistId } = useParams() as { albumArtistId: string };
-  const handlePlayQueueAdd = usePlayQueueAdd();
-  const playButtonBehavior = usePlayButtonBehavior();
-  const detailQuery = useAlbumArtistDetail({ query: { id: albumArtistId }, serverId: server?.id });
-  const background = useFastAverageColor(detailQuery.data?.imageUrl, !detailQuery.isLoading);
-
-  const handlePlay = () => {
-    handlePlayQueueAdd?.({
-      byItemType: {
-        id: [albumArtistId],
-        type: LibraryItem.ALBUM_ARTIST,
-      },
-      playType: playButtonBehavior,
+    const { albumArtistId } = useParams() as { albumArtistId: string };
+    const handlePlayQueueAdd = usePlayQueueAdd();
+    const playButtonBehavior = usePlayButtonBehavior();
+    const detailQuery = useAlbumArtistDetail({
+        query: { id: albumArtistId },
+        serverId: server?.id,
     });
-  };
+    const background = useFastAverageColor(detailQuery.data?.imageUrl, !detailQuery.isLoading);
 
-  if (detailQuery.isLoading || !background) return null;
+    const handlePlay = () => {
+        handlePlayQueueAdd?.({
+            byItemType: {
+                id: [albumArtistId],
+                type: LibraryItem.ALBUM_ARTIST,
+            },
+            playType: playButtonBehavior,
+        });
+    };
 
-  return (
-    <AnimatedPage key={`album-artist-detail-${albumArtistId}`}>
-      <NativeScrollArea
-        ref={scrollAreaRef}
-        pageHeaderProps={{
-          backgroundColor: background,
-          children: (
-            <LibraryHeaderBar>
-              <LibraryHeaderBar.PlayButton onClick={handlePlay} />
-              <LibraryHeaderBar.Title>{detailQuery?.data?.name}</LibraryHeaderBar.Title>
-            </LibraryHeaderBar>
-          ),
-          target: headerRef,
-        }}
-      >
-        <AlbumArtistDetailHeader
-          ref={headerRef}
-          background={background}
-        />
-        <AlbumArtistDetailContent />
-      </NativeScrollArea>
-    </AnimatedPage>
-  );
+    if (detailQuery.isLoading || !background) return null;
+
+    return (
+        <AnimatedPage key={`album-artist-detail-${albumArtistId}`}>
+            <NativeScrollArea
+                ref={scrollAreaRef}
+                pageHeaderProps={{
+                    backgroundColor: background,
+                    children: (
+                        <LibraryHeaderBar>
+                            <LibraryHeaderBar.PlayButton onClick={handlePlay} />
+                            <LibraryHeaderBar.Title>
+                                {detailQuery?.data?.name}
+                            </LibraryHeaderBar.Title>
+                        </LibraryHeaderBar>
+                    ),
+                    target: headerRef,
+                }}
+            >
+                <AlbumArtistDetailHeader
+                    ref={headerRef}
+                    background={background}
+                />
+                <AlbumArtistDetailContent />
+            </NativeScrollArea>
+        </AnimatedPage>
+    );
 };
 
 export default AlbumArtistDetailRoute;

src/renderer/features/artists/routes/album-artist-detail-top-songs-list-route.tsx

@@ -9,35 +9,38 @@ import { AnimatedPage } from '/@/renderer/features/shared';
 import { useCurrentServer } from '../../../store/auth.store';
 
 const AlbumArtistDetailTopSongsListRoute = () => {
-  const tableRef = useRef<AgGridReactType | null>(null);
-  const { albumArtistId } = useParams() as { albumArtistId: string };
-  const server = useCurrentServer();
+    const tableRef = useRef<AgGridReactType | null>(null);
+    const { albumArtistId } = useParams() as { albumArtistId: string };
+    const server = useCurrentServer();
 
-  const detailQuery = useAlbumArtistDetail({ query: { id: albumArtistId }, serverId: server?.id });
+    const detailQuery = useAlbumArtistDetail({
+        query: { id: albumArtistId },
+        serverId: server?.id,
+    });
 
-  const topSongsQuery = useTopSongsList({
-    options: { enabled: !!detailQuery?.data?.name },
-    query: { artist: detailQuery?.data?.name || '', artistId: albumArtistId },
-    serverId: server?.id,
-  });
+    const topSongsQuery = useTopSongsList({
+        options: { enabled: !!detailQuery?.data?.name },
+        query: { artist: detailQuery?.data?.name || '', artistId: albumArtistId },
+        serverId: server?.id,
+    });
 
-  const itemCount = topSongsQuery?.data?.items?.length || 0;
+    const itemCount = topSongsQuery?.data?.items?.length || 0;
 
-  if (detailQuery.isLoading || topSongsQuery?.isLoading) return null;
+    if (detailQuery.isLoading || topSongsQuery?.isLoading) return null;
 
-  return (
-    <AnimatedPage>
-      <AlbumArtistDetailTopSongsListHeader
-        data={topSongsQuery?.data?.items || []}
-        itemCount={itemCount}
-        title={detailQuery?.data?.name || 'Unknown'}
-      />
-      <AlbumArtistDetailTopSongsListContent
-        data={topSongsQuery?.data?.items || []}
-        tableRef={tableRef}
-      />
-    </AnimatedPage>
-  );
+    return (
+        <AnimatedPage>
+            <AlbumArtistDetailTopSongsListHeader
+                data={topSongsQuery?.data?.items || []}
+                itemCount={itemCount}
+                title={detailQuery?.data?.name || 'Unknown'}
+            />
+            <AlbumArtistDetailTopSongsListContent
+                data={topSongsQuery?.data?.items || []}
+                tableRef={tableRef}
+            />
+        </AnimatedPage>
+    );
 };
 
 export default AlbumArtistDetailTopSongsListRoute;

src/renderer/features/artists/routes/album-artist-list-route.tsx

@@ -10,46 +10,46 @@ import { useCurrentServer } from '../../../store/auth.store';
 import { VirtualInfiniteGridRef } from '/@/renderer/components/virtual-grid';
 
 const AlbumArtistListRoute = () => {
-  const gridRef = useRef<VirtualInfiniteGridRef | null>(null);
-  const tableRef = useRef<AgGridReactType | null>(null);
-  const pageKey = generatePageKey('albumArtist', undefined);
-  const server = useCurrentServer();
+    const gridRef = useRef<VirtualInfiniteGridRef | null>(null);
+    const tableRef = useRef<AgGridReactType | null>(null);
+    const pageKey = generatePageKey('albumArtist', undefined);
+    const server = useCurrentServer();
 
-  const albumArtistListFilter = useAlbumArtistListFilter({ id: undefined, key: pageKey });
+    const albumArtistListFilter = useAlbumArtistListFilter({ id: undefined, key: pageKey });
 
-  const itemCountCheck = useAlbumArtistList({
-    options: {
-      cacheTime: 1000 * 60,
-      staleTime: 1000 * 60,
-    },
-    query: {
-      limit: 1,
-      startIndex: 0,
-      ...albumArtistListFilter,
-    },
-    serverId: server?.id,
-  });
+    const itemCountCheck = useAlbumArtistList({
+        options: {
+            cacheTime: 1000 * 60,
+            staleTime: 1000 * 60,
+        },
+        query: {
+            limit: 1,
+            startIndex: 0,
+            ...albumArtistListFilter,
+        },
+        serverId: server?.id,
+    });
 
-  const itemCount =
-    itemCountCheck.data?.totalRecordCount === null
-      ? undefined
-      : itemCountCheck.data?.totalRecordCount;
+    const itemCount =
+        itemCountCheck.data?.totalRecordCount === null
+            ? undefined
+            : itemCountCheck.data?.totalRecordCount;
 
-  return (
-    <AnimatedPage>
-      <AlbumArtistListContext.Provider value={{ id: undefined, pageKey }}>
-        <AlbumArtistListHeader
-          gridRef={gridRef}
-          itemCount={itemCount}
-          tableRef={tableRef}
-        />
-        <AlbumArtistListContent
-          gridRef={gridRef}
-          tableRef={tableRef}
-        />
-      </AlbumArtistListContext.Provider>
-    </AnimatedPage>
-  );
+    return (
+        <AnimatedPage>
+            <AlbumArtistListContext.Provider value={{ id: undefined, pageKey }}>
+                <AlbumArtistListHeader
+                    gridRef={gridRef}
+                    itemCount={itemCount}
+                    tableRef={tableRef}
+                />
+                <AlbumArtistListContent
+                    gridRef={gridRef}
+                    tableRef={tableRef}
+                />
+            </AlbumArtistListContext.Provider>
+        </AnimatedPage>
+    );
 };
 
 export default AlbumArtistListRoute;