From 0a3ffa63140bcecb7f696175c816ce3342f186eb Mon Sep 17 00:00:00 2001
From: "soroush.asadi" <soroush.asadi@aliasaas.com>
Date: Thu, 4 Jun 2026 12:46:51 +0330
Subject: [PATCH] Fix: in-game mute button now mutes background music too

HUD mute is a master toggle (sound effects + music) via sound-store.toggleAll;
icon reflects fully-muted state.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 src/components/GameTable.tsx | 14 ++++++++------
 src/lib/sound-store.ts       |  9 +++++++++
 2 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/src/components/GameTable.tsx b/src/components/GameTable.tsx
index 2546a4f..6f5ab37 100644
--- a/src/components/GameTable.tsx
+++ b/src/components/GameTable.tsx
@@ -53,7 +53,9 @@ export function GameTable({ onExit }: { onExit?: () => void } = {}) {
   const { t } = useI18n();
 
   const sfx = useSoundStore((s) => s.sfx);
-  const toggleSfx = useSoundStore((s) => s.toggleSfx);
+  const music = useSoundStore((s) => s.music);
+  const toggleAll = useSoundStore((s) => s.toggleAll);
+  const muted = !sfx && !music;
 
   const exit = onExit ?? reset;
   const { phase, players, hakem, trump, turn, currentTrick } = game;
@@ -72,14 +74,14 @@ export function GameTable({ onExit }: { onExit?: () => void } = {}) {
         <div className="flex items-center gap-2">
           {trump && <TrumpBadge trump={trump} />}
           <button
-            onClick={toggleSfx}
+            onClick={toggleAll}
             className="glass rounded-full p-2.5 hover:bg-navy-800 transition"
-            title={t("settings.sound")}
+            title={t("settings.audio")}
           >
-            {sfx ? (
-              <Volume2 className="size-4 text-gold-400" />
-            ) : (
+            {muted ? (
               <VolumeX className="size-4 text-cream/60" />
+            ) : (
+              <Volume2 className="size-4 text-gold-400" />
             )}
           </button>
           <button
diff --git a/src/lib/sound-store.ts b/src/lib/sound-store.ts
index 0b454de..a17b8c3 100644
--- a/src/lib/sound-store.ts
+++ b/src/lib/sound-store.ts
@@ -8,6 +8,8 @@ interface SoundStore {
   music: boolean;
   toggleSfx: () => void;
   toggleMusic: () => void;
+  /** Master mute: turns BOTH sfx and music off (or both back on). */
+  toggleAll: () => void;
 }
 
 export const useSoundStore = create<SoundStore>((set, get) => ({
@@ -23,4 +25,11 @@ export const useSoundStore = create<SoundStore>((set, get) => ({
     sound.setMusicEnabled(v);
     set({ music: v });
   },
+  toggleAll: () => {
+    // If anything is on, mute everything; otherwise turn everything back on.
+    const v = !(get().sfx || get().music);
+    sound.setSfxEnabled(v);
+    sound.setMusicEnabled(v);
+    set({ sfx: v, music: v });
+  },
 }));