reduce clutter with quiet mode in menu

Author: johnnyshankman

src/main/menu.ts

@@ -166,6 +166,12 @@ export default class MenuBuilder {
             });
           },
         },
+        {
+          label: 'quiet down',
+          click: () => {
+            this.mainWindow.webContents.send('menu-quiet-mode');
+          },
+        },
 
         { type: 'separator' },
 

src/renderer/components/Main.tsx

@@ -47,6 +47,7 @@ export default function Main() {
     (store) => store.setOverrideScrollToIndex,
   );
   const skipToNextSong = usePlayerStore((store) => store.skipToNextSong);
+  const setVolume = usePlayerStore((store) => store.setVolume);
 
   // Component state
   const [dialogState, setDialogState] = useState({
@@ -208,6 +209,9 @@ export default function Main() {
       'menu-reset-library': () => {
         window.electron.ipcRenderer.sendMessage('menu-reset-library');
       },
+      'menu-quiet-mode': () => {
+        setVolume(2);
+      },
     };
 
     Object.entries(handlers).forEach(([event, handler]) => {

src/renderer/components/StaticPlayer.tsx

@@ -10,7 +10,6 @@ import ShuffleOnIcon from '@mui/icons-material/ShuffleOn';
 import RepeatIcon from '@mui/icons-material/Repeat';
 import Stack from '@mui/material/Stack';
 import RepeatOnIcon from '@mui/icons-material/RepeatOn';
-import SpatialAudioIcon from '@mui/icons-material/SpatialAudio';
 import VolumeSliderStack from './VolumeSliderStack';
 import SongProgressAndSongDisplay from './SongProgressAndSongDisplay';
 import usePlayerStore from '../store/player';
@@ -99,20 +98,6 @@ export default function StaticPlayer({
               )}
             </IconButton>
           </Tooltip>
-          <Tooltip title="Quiet Mode">
-            <IconButton
-              onClick={() => {
-                // set the volume to 0.02 so you can listen to a podcast or hear the person next to you
-                setVolume(2);
-              }}
-              sx={{
-                fontSize: '1rem',
-                color: 'rgb(133,133,133)',
-              }}
-            >
-              <SpatialAudioIcon fontSize="inherit" />
-            </IconButton>
-          </Tooltip>
         </div>
 
         {/**
@@ -223,19 +208,6 @@ export default function StaticPlayer({
               )}
             </IconButton>
           </Tooltip>
-          <Tooltip title="Quiet Mode">
-            <IconButton
-              onClick={() => {
-                setVolume(2.5);
-              }}
-              sx={{
-                fontSize: '1rem',
-                color: 'rgb(133,133,133)',
-              }}
-            >
-              <SpatialAudioIcon fontSize="inherit" />
-            </IconButton>
-          </Tooltip>
         </div>
         <VolumeSliderStack
           onChange={(event, value) => {