vanja/feishin
1
0
Fork 0
mirror of https://github.com/jeffvli/feishin.git synced 2026-05-08 13:00:13 +02:00
Code Issues Packages Projects Releases Wiki Activity

move queue favorite event listener to an app global scope

Browse Source
This commit is contained in:
jeffvli
2025-11-23 14:32:43 -08:00
parent 70cffda3f9
commit c23e459b89
2 changed files with 39 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/features/now-playing/components/play-queue.tsx
-33
View File
@@ -11,17 +11,12 @@ import {
} from '/@/renderer/components/item-list/item-table-list/item-table-list';
import { ItemTableListColumn } from '/@/renderer/components/item-list/item-table-list/item-table-list-column';
import { ItemListHandle } from '/@/renderer/components/item-list/types';
import { eventEmitter } from '/@/renderer/events/event-emitter';
import { UserFavoriteEventPayload, UserRatingEventPayload } from '/@/renderer/events/events';
import { useIsPlayerFetching, usePlayer } from '/@/renderer/features/player/context/player-context';
import { searchLibraryItems } from '/@/renderer/features/shared/utils';
import { useDragDrop } from '/@/renderer/hooks/use-drag-drop';
import {
subscribeCurrentTrack,
subscribePlayerQueue,
updateQueueFavorites,
updateQueueRatings,
useCurrentServerId,
useListSettings,
usePlayerActions,
usePlayerQueueType,
@@ -49,7 +44,6 @@ export const PlayQueue = forwardRef<ItemListHandle, QueueProps>(({ listKey, sear
const mergedRef = useMergedRef(ref, tableRef);
const { getQueue } = usePlayerActions();
const queueType = usePlayerQueueType();
const serverId = useCurrentServerId();
const [debouncedSearchTerm] = useDebouncedValue(searchTerm, 200);
@@ -111,33 +105,6 @@ export const PlayQueue = forwardRef<ItemListHandle, QueueProps>(({ listKey, sear
};
}, [getQueue, queueType, tableRef]);
// Listen to favorite and rating events to update queue songs
useEffect(() => {
const handleFavorite = (payload: UserFavoriteEventPayload) => {
if (payload.itemType !== LibraryItem.SONG || payload.serverId !== serverId) {
return;
}
updateQueueFavorites(payload.id, payload.favorite);
};
const handleRating = (payload: UserRatingEventPayload) => {
if (payload.itemType !== LibraryItem.SONG || payload.serverId !== serverId) {
return;
}
updateQueueRatings(payload.id, payload.rating);
};
eventEmitter.on('USER_FAVORITE', handleFavorite);
eventEmitter.on('USER_RATING', handleRating);
return () => {
eventEmitter.off('USER_FAVORITE', handleFavorite);
eventEmitter.off('USER_RATING', handleRating);
};
}, [serverId]);
const filteredData: QueueSong[] = useMemo(() => {
if (debouncedSearchTerm) {
const searched = searchLibraryItems(data, debouncedSearchTerm, LibraryItem.SONG);
src/renderer/features/player/components/audio-players.tsx
+39 -1
View File
@@ -1,10 +1,48 @@
import { useEffect } from 'react';
import { eventEmitter } from '/@/renderer/events/event-emitter';
import { UserFavoriteEventPayload, UserRatingEventPayload } from '/@/renderer/events/events';
import { MpvPlayer } from '/@/renderer/features/player/audio-player/mpv-player';
import { WebPlayer } from '/@/renderer/features/player/audio-player/web-player';
import { usePlaybackType } from '/@/renderer/store';
import {
updateQueueFavorites,
updateQueueRatings,
useCurrentServerId,
usePlaybackType,
} from '/@/renderer/store';
import { LibraryItem } from '/@/shared/types/domain-types';
import { PlayerType } from '/@/shared/types/types';
export const AudioPlayers = () => {
const playbackType = usePlaybackType();
const serverId = useCurrentServerId();
// Listen to favorite and rating events to update queue songs
useEffect(() => {
const handleFavorite = (payload: UserFavoriteEventPayload) => {
if (payload.itemType !== LibraryItem.SONG || payload.serverId !== serverId) {
return;
}
updateQueueFavorites(payload.id, payload.favorite);
};
const handleRating = (payload: UserRatingEventPayload) => {
if (payload.itemType !== LibraryItem.SONG || payload.serverId !== serverId) {
return;
}
updateQueueRatings(payload.id, payload.rating);
};
eventEmitter.on('USER_FAVORITE', handleFavorite);
eventEmitter.on('USER_RATING', handleRating);
return () => {
eventEmitter.off('USER_FAVORITE', handleFavorite);
eventEmitter.off('USER_RATING', handleRating);
};
}, [serverId]);
return (
<>