re-implement mpv with new player

src/renderer/components/card/poster-card.tsx

@@ -59,7 +59,6 @@ export const PosterCard = ({
                     <Image className={styles.image} src={data?.imageUrl} />
                     <GridCardControls
                         handleFavorite={controls.handleFavorite}
-                        handlePlayQueueAdd={controls.handlePlayQueueAdd}
                         isHovered={isHovered}
                         itemData={data}
                         itemType={controls.itemType}

src/renderer/components/virtual-grid/grid-card/grid-card-controls.tsx

@@ -9,16 +9,16 @@ import {
     PLAYLIST_CONTEXT_MENU_ITEMS,
 } from '/@/renderer/features/context-menu/context-menu-items';
 import { useHandleGridContextMenu } from '/@/renderer/features/context-menu/hooks/use-handle-context-menu';
+import { usePlayerContext } from '/@/renderer/features/player/context/player-context';
 import { usePlayButtonBehavior } from '/@/renderer/store/settings.store';
 import { ActionIcon } from '/@/shared/components/action-icon/action-icon';
 import { Button } from '/@/shared/components/button/button';
 import { Icon } from '/@/shared/components/icon/icon';
 import { LibraryItem } from '/@/shared/types/domain-types';
-import { Play, PlayQueueAddOptions } from '/@/shared/types/types';
+import { Play } from '/@/shared/types/types';
 
 export const GridCardControls = ({
     handleFavorite,
-    handlePlayQueueAdd,
     isHovered,
     itemData,
     itemType,
@@ -30,7 +30,6 @@ export const GridCardControls = ({
         itemType: LibraryItem;
         serverId: string;
     }) => void;
-    handlePlayQueueAdd?: (options: PlayQueueAddOptions) => void;
     isHovered?: boolean;
     itemData: any;
     itemType: LibraryItem;
@@ -39,17 +38,18 @@ export const GridCardControls = ({
     const [isFavorite, setIsFavorite] = useState(itemData?.userFavorite);
     const playButtonBehavior = usePlayButtonBehavior();
 
+    const player = usePlayerContext();
+
     const handlePlay = async (e: MouseEvent<HTMLButtonElement>, playType?: Play) => {
         e.preventDefault();
         e.stopPropagation();
 
-        handlePlayQueueAdd?.({
-            byItemType: {
-                id: [itemData.id],
-                type: itemType,
-            },
-            playType: playType || playButtonBehavior,
-        });
+        player.addToQueueByFetch(
+            itemData._serverId,
+            [itemData.id],
+            itemType,
+            playType || playButtonBehavior,
+        );
     };
 
     const handleFavorites = async (e: MouseEvent<HTMLButtonElement>, serverId: string) => {

src/renderer/components/virtual-table/hooks/use-current-song-row-styles.ts

@@ -3,7 +3,7 @@ import type { AgGridReact as AgGridReactType } from '@ag-grid-community/react/li
 import { RowClassRules, RowNode } from '@ag-grid-community/core';
 import { MutableRefObject, useEffect, useMemo, useRef } from 'react';
 
-import { usePlayerEvents } from '/@/renderer/features/player/audio-player/listener/use-player-events';
+import { usePlayerEvents } from '/@/renderer/features/player/audio-player/hooks/use-player-events';
 import { useAppFocus } from '/@/renderer/hooks';
 import { usePlayerSong } from '/@/renderer/store';
 import { Song } from '/@/shared/types/domain-types';
@@ -75,8 +75,8 @@ export const useCurrentSongRowStyles = ({ tableRef }: UseCurrentSongRowStylesPro
                     api.redrawRows({ rowNodes });
                 }
             },
-            onPlayerStatus: (properties) => {
-                const song = properties.song;
+            onPlayerStatus: () => {
+                const song = currentSong;
 
                 if (tableRef?.current) {
                     const { api, columnApi } = tableRef?.current || {};