From 1f9223b4761320f55cdb64b4d92611e1cc23deff Mon Sep 17 00:00:00 2001
From: T <28127196+dev0T@users.noreply.github.com>
Date: Tue, 3 Feb 2026 22:50:43 -0800
Subject: [PATCH] Fix: ratings display on player bar and mobile player (#1646)

* fix(playerbar): use settings to display ratings

* fix(mobile player): use settings to display ratings
---
 .../features/player/components/mobile-fullscreen-player.tsx   | 3 +++
 src/renderer/features/player/components/right-controls.tsx    | 4 +++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/renderer/features/player/components/mobile-fullscreen-player.tsx b/src/renderer/features/player/components/mobile-fullscreen-player.tsx
index 5ed8d9181..47b5c3214 100644
--- a/src/renderer/features/player/components/mobile-fullscreen-player.tsx
+++ b/src/renderer/features/player/components/mobile-fullscreen-player.tsx
@@ -31,6 +31,7 @@ import {
     useCurrentServer,
     useFullScreenPlayerStore,
     useFullScreenPlayerStoreActions,
+    useGeneralSettings,
     usePlayerData,
     usePlayerSong,
     useSetFullScreenPlayerStore,
@@ -377,6 +378,7 @@ export const MobileFullscreenPlayer = () => {
     const { currentSong: currentSongData } = usePlayerData();
     const server = useCurrentServer();
     const setFavorite = useSetFavorite();
+    const { showRatings: showRatingsSetting } = useGeneralSettings();
     const setRating = useSetRating();
 
     const [isPageHovered, setIsPageHovered] = useState(false);
@@ -435,6 +437,7 @@ export const MobileFullscreenPlayer = () => {
     const isLyricsState = activeTab === 'lyrics';
     const isSongDefined = Boolean(currentSong?.id);
     const showRating =
+        showRatingsSetting &&
         isSongDefined &&
         (server?.type === ServerType.NAVIDROME || server?.type === ServerType.SUBSONIC);
 
diff --git a/src/renderer/features/player/components/right-controls.tsx b/src/renderer/features/player/components/right-controls.tsx
index e1202b5d2..5cddae08f 100644
--- a/src/renderer/features/player/components/right-controls.tsx
+++ b/src/renderer/features/player/components/right-controls.tsx
@@ -14,6 +14,7 @@ import {
     useAutoDJSettings,
     useCurrentServer,
     useFullScreenPlayerStore,
+    useGeneralSettings,
     useHotkeySettings,
     usePlayerData,
     usePlayerMuted,
@@ -63,10 +64,11 @@ const calculateVolumeDown = (volume: number, volumeWheelStep: number) => {
 };
 
 export const RightControls = () => {
+    const { showRatings } = useGeneralSettings();
     return (
         <Flex align="flex-end" direction="column" h="100%" px="1rem" py="0.5rem">
             <Group h="calc(100% / 3)">
-                <RatingButton />
+                {showRatings && <RatingButton />}
                 <AutoDJButton />
             </Group>
             <Group align="center" gap="xs" wrap="nowrap">