fix(ui): use localSoundState.loaded as criteria for visual active f…

…eedback
mateusfg7 · Oct 25, 2023 · 84e9d11 · 84e9d11
1 parent a59e85e
commit 84e9d11
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/sound/index.tsx b/src/components/sound/index.tsx
@@ -145,7 +145,7 @@ export const SoundButton: React.FC<SoundButtonProps> = ({ sound }) => {
       <button
         data-umami-event={sound.title}
         className={soundButton({
-          active: localSoundState.active,
+          active: localSoundState.active && localSoundState.loaded,
           isLoaded: localSoundState.loaded,
           theme
         })}
@@ -158,7 +158,7 @@ export const SoundButton: React.FC<SoundButtonProps> = ({ sound }) => {
         <Icon className={icon()} />
       </button>
       <VolumeController
-        isActive={localSoundState.active}
+        isActive={localSoundState.active && localSoundState.loaded}
         soundName={sound.title}
         soundId={sound.id}
         handleSoundVolume={volume => {