feat: adding setting to show/hide user ratings (#1426)

* adding show/hide user ratings setting

src/renderer/features/albums/components/album-detail-header.tsx

@@ -13,7 +13,7 @@ import {
     LibraryHeaderMenu,
 } from '/@/renderer/features/shared/components/library-header';
 import { AppRoute } from '/@/renderer/router/routes';
-import { useCurrentServer } from '/@/renderer/store';
+import { useCurrentServer, useGeneralSettings } from '/@/renderer/store';
 import { usePlayButtonBehavior } from '/@/renderer/store/settings.store';
 import { Group } from '/@/shared/components/group/group';
 import { Stack } from '/@/shared/components/stack/stack';
@@ -24,13 +24,15 @@ import { Play } from '/@/shared/types/types';
 export const AlbumDetailHeader = forwardRef<HTMLDivElement>((_props, ref) => {
     const { albumId } = useParams() as { albumId: string };
     const server = useCurrentServer();
+    const { showRatings } = useGeneralSettings();
     const detailQuery = useQuery(
         albumQueries.detail({ query: { id: albumId }, serverId: server?.id }),
     );
 
     const showRating =
-        detailQuery?.data?._serverType === ServerType.NAVIDROME ||
-        detailQuery?.data?._serverType === ServerType.SUBSONIC;
+        showRatings &&
+        (detailQuery?.data?._serverType === ServerType.NAVIDROME ||
+            detailQuery?.data?._serverType === ServerType.SUBSONIC);
 
     const { addToQueueByFetch, setFavorite, setRating } = usePlayer();
     const playButtonBehavior = usePlayButtonBehavior();

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 } from '/@/renderer/store';
+import { useCurrentServer, useGeneralSettings } from '/@/renderer/store';
 import { usePlayButtonBehavior } from '/@/renderer/store/settings.store';
 import { formatDurationString } from '/@/renderer/utils';
 import { Group } from '/@/shared/components/group/group';
@@ -30,6 +30,7 @@ export const AlbumArtistDetailHeader = forwardRef((_props, ref: Ref<HTMLDivEleme
     };
     const routeId = (artistId || albumArtistId) as string;
     const server = useCurrentServer();
+    const { showRatings } = useGeneralSettings();
     const { t } = useTranslation();
     const detailQuery = useSuspenseQuery(
         artistsQueries.albumArtistDetail({
@@ -124,8 +125,6 @@ export const AlbumArtistDetailHeader = forwardRef((_props, ref: Ref<HTMLDivEleme
         [detailQuery.data],
     );
 
-    const showRating = detailQuery.data?._serverType === ServerType.NAVIDROME;
-
     const imageUrl = useItemImageUrl({
         id: detailQuery.data?.imageId || undefined,
         imageUrl: detailQuery.data?.imageUrl,
@@ -133,6 +132,8 @@ export const AlbumArtistDetailHeader = forwardRef((_props, ref: Ref<HTMLDivEleme
         type: 'itemCard',
     });
 
+    const showRating = showRatings && detailQuery?.data?._serverType === ServerType.NAVIDROME;
+
     const selectedImageUrl = useMemo(() => {
         return detailQuery.data?.imageUrl || imageUrl;
     }, [detailQuery.data?.imageUrl, imageUrl]);

src/renderer/features/context-menu/actions/set-rating-action.tsx

@@ -2,7 +2,7 @@ import { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { useSetRating } from '/@/renderer/features/shared/mutations/set-rating-mutation';
-import { useCurrentServer, useCurrentServerId } from '/@/renderer/store';
+import { useCurrentServer, useCurrentServerId, useGeneralSettings } from '/@/renderer/store';
 import { ContextMenu } from '/@/shared/components/context-menu/context-menu';
 import { Rating } from '/@/shared/components/rating/rating';
 import { LibraryItem } from '/@/shared/types/domain-types';
@@ -17,6 +17,7 @@ export const SetRatingAction = ({ ids, itemType }: SetRatingActionProps) => {
     const { t } = useTranslation();
     const server = useCurrentServer();
     const serverId = useCurrentServerId();
+    const { showRatings } = useGeneralSettings();
 
     const setRatingMutation = useSetRating({});
 
@@ -35,7 +36,7 @@ export const SetRatingAction = ({ ids, itemType }: SetRatingActionProps) => {
         });
     };
 
-    if (!isRatingSupported) {
+    if (!showRatings || !isRatingSupported) {
         return null;
     }
 

src/renderer/features/settings/components/general/application-settings.tsx

@@ -554,6 +554,27 @@ export const ApplicationSettings = () => {
             isHidden: !settings.externalLinks,
             title: t('setting.musicbrainz', { postProcess: 'sentenceCase' }),
         },
+        {
+            control: (
+                <Switch
+                    defaultChecked={settings.showRatings}
+                    onChange={(e) => {
+                        setSettings({
+                            general: {
+                                ...settings,
+                                showRatings: e.currentTarget.checked,
+                            },
+                        });
+                    }}
+                />
+            ),
+            description: t('setting.showRatings', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
+            isHidden: false,
+            title: t('setting.showRatings', { postProcess: 'sentenceCase' }),
+        },
         {
             control: (
                 <Switch