optimize settings store

src/renderer/features/artists/components/album-artist-detail-content.tsx

@@ -49,7 +49,13 @@ import {
     useCurrentServerId,
     usePlayerSong,
 } from '/@/renderer/store';
-import { useGeneralSettings, useSettingsStore } from '/@/renderer/store/settings.store';
+import {
+    useArtistItems,
+    useArtistRadioCount,
+    useArtistReleaseTypeItems,
+    useExternalLinks,
+    useSettingsStore,
+} from '/@/renderer/store/settings.store';
 import { titleCase } from '/@/renderer/utils';
 import { sanitize } from '/@/renderer/utils/sanitize';
 import { sortAlbumList } from '/@/shared/api/utils';
@@ -589,8 +595,9 @@ export const AlbumArtistDetailContent = ({
     albumsQuery,
     detailQuery,
 }: AlbumArtistDetailContentProps) => {
-    const { artistItems, artistRadioCount, externalLinks, lastFM, musicBrainz } =
-        useGeneralSettings();
+    const artistItems = useArtistItems();
+    const artistRadioCount = useArtistRadioCount();
+    const { externalLinks, lastFM, musicBrainz } = useExternalLinks();
     const { albumArtistId, artistId } = useParams() as {
         albumArtistId?: string;
         artistId?: string;
@@ -1064,7 +1071,7 @@ interface ArtistAlbumsProps {
 
 const ArtistAlbums = ({ albumsQuery }: ArtistAlbumsProps) => {
     const { t } = useTranslation();
-    const { artistReleaseTypeItems } = useGeneralSettings();
+    const artistReleaseTypeItems = useArtistReleaseTypeItems();
     const [searchTerm, setSearchTerm] = useState('');
     const [debouncedSearchTerm] = useDebouncedValue(searchTerm, 300);
     const albumArtistDetailSort = useAppStore((state) => state.albumArtistDetailSort);

src/renderer/features/artists/components/album-artist-detail-header.tsx

@@ -14,7 +14,7 @@ import {
     LibraryHeaderMenu,
 } from '/@/renderer/features/shared/components/library-header';
 import { AppRoute } from '/@/renderer/router/routes';
-import { useCurrentServer, useGeneralSettings } from '/@/renderer/store';
+import { useCurrentServer, useShowRatings } from '/@/renderer/store';
 import { usePlayButtonBehavior } from '/@/renderer/store/settings.store';
 import { formatDurationString } from '/@/renderer/utils';
 import { Group } from '/@/shared/components/group/group';
@@ -30,7 +30,7 @@ export const AlbumArtistDetailHeader = forwardRef((_props, ref: Ref<HTMLDivEleme
     };
     const routeId = (artistId || albumArtistId) as string;
     const server = useCurrentServer();
-    const { showRatings } = useGeneralSettings();
+    const showRatings = useShowRatings();
     const { t } = useTranslation();
     const detailQuery = useSuspenseQuery(
         artistsQueries.albumArtistDetail({

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

@@ -17,7 +17,7 @@ import { LibraryContainer } from '/@/renderer/features/shared/components/library
 import { LibraryHeaderBar } from '/@/renderer/features/shared/components/library-header-bar';
 import { PageErrorBoundary } from '/@/renderer/features/shared/components/page-error-boundary';
 import { useFastAverageColor, useWaitForColorCalculation } from '/@/renderer/hooks';
-import { useCurrentServer, useCurrentServerId, useGeneralSettings } from '/@/renderer/store';
+import { useArtistBackground, useCurrentServer, useCurrentServerId } from '/@/renderer/store';
 import { Spinner } from '/@/shared/components/spinner/spinner';
 import { AlbumListSort, LibraryItem, SortOrder } from '/@/shared/types/domain-types';
 
@@ -26,7 +26,7 @@ const AlbumArtistDetailRouteContent = () => {
     const headerRef = useRef<HTMLDivElement>(null);
     const server = useCurrentServer();
     const serverId = useCurrentServerId();
-    const { artistBackground, artistBackgroundBlur } = useGeneralSettings();
+    const { artistBackground, artistBackgroundBlur } = useArtistBackground();
 
     const { albumArtistId, artistId } = useParams() as {
         albumArtistId?: string;