re-implement playerbar controls

src/renderer/features/player/components/playerbar.tsx

@@ -3,44 +3,16 @@ import { MouseEvent } from 'react';
 
 import styles from './playerbar.module.css';
 
-import { AudioPlayer } from '/@/renderer/features/player/audio-player';
 import { CenterControls } from '/@/renderer/features/player/components/center-controls';
 import { LeftControls } from '/@/renderer/features/player/components/left-controls';
 import { RightControls } from '/@/renderer/features/player/components/right-controls';
 import { usePowerSaveBlocker } from '/@/renderer/features/player/hooks/use-power-save-blocker';
-import { PlayersRef } from '/@/renderer/features/player/ref/players-ref';
-import {
-    useFullScreenPlayerStore,
-    usePlayerData,
-    // usePlayer1Data,
-    // usePlayer2Data,
-    // usePlayerControls,
-    usePlayerMuted,
-    usePlayerNum,
-    usePlayerStatus,
-    usePlayerVolume,
-    useSetFullScreenPlayerStore,
-} from '/@/renderer/store';
-import {
-    useGeneralSettings,
-    usePlaybackType,
-    useSettingsStore,
-} from '/@/renderer/store/settings.store';
+import { useFullScreenPlayerStore, useSetFullScreenPlayerStore } from '/@/renderer/store';
+import { useGeneralSettings } from '/@/renderer/store/settings.store';
 import { PlaybackSelectors } from '/@/shared/constants/playback-selectors';
-import { PlayerType } from '/@/shared/types/types';
 
 export const Playerbar = () => {
-    const playersRef = PlayersRef;
-    const settings = useSettingsStore((state) => state.playback);
     const { playerbarOpenDrawer } = useGeneralSettings();
-    const playbackType = usePlaybackType();
-    const volume = usePlayerVolume();
-    // const player1 = usePlayer1Data();
-    // const player2 = usePlayer2Data();
-    const status = usePlayerStatus();
-    const player = usePlayerNum();
-    const muted = usePlayerMuted();
-    // const { autoNext } = usePlayerControls();
     const { expanded: isFullScreenPlayerExpanded } = useFullScreenPlayerStore();
     const setFullScreenPlayerStore = useSetFullScreenPlayerStore();
 
@@ -51,13 +23,6 @@ export const Playerbar = () => {
         setFullScreenPlayerStore({ expanded: !isFullScreenPlayerExpanded });
     };
 
-    const { player1, player2 } = usePlayerData();
-
-    // const autoNextFn = useCallback(() => {
-    //     const playerData = autoNext();
-    //     updateSong(playerData.current.song);
-    // }, [autoNext]);
-
     return (
         <div
             className={clsx(styles.container, PlaybackSelectors.mediaPlayer)}
@@ -68,13 +33,13 @@ export const Playerbar = () => {
                     <LeftControls />
                 </div>
                 <div className={styles.centerGridItem}>
-                    <CenterControls playersRef={playersRef} />
+                    <CenterControls />
                 </div>
                 <div className={styles.rightGridItem}>
                     <RightControls />
                 </div>
             </div>
-            {playbackType === PlayerType.WEB && (
+            {/* {playbackType === PlayerType.WEB && (
                 <AudioPlayer
                     // autoNext={autoNextFn}
                     crossfadeDuration={settings.crossfadeDuration}
@@ -89,7 +54,7 @@ export const Playerbar = () => {
                     style={settings.style as any}
                     volume={(volume / 100) ** 2}
                 />
-            )}
+            )} */}
         </div>
     );
 };