itlxrd/Psychotoxical-psysonic
1
0
Fork 0
mirror of https://github.com/Psychotoxical/psysonic.git synced 2026-07-22 15:25:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(playlist): stop the detail page reloading on Play/Shuffle/Enqueue (#1201)

Browse Source 
* fix(playlist): stop the detail page reloading on Play/Shuffle/Enqueue

* docs(changelog): playlist play no longer reloads the page
This commit is contained in:
Psychotoxical
2026-06-27 15:24:28 +02:00
committed by GitHub
parent 7e6a2100e5
commit 6d4d82d6a3
6 changed files with 71 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/hooks/usePlaylistBulkPlayCallbacks.ts
+7 -8
View File
@@ -6,7 +6,6 @@ export interface PlaylistBulkPlayCallbacksDeps {
songsLength: number;
id: string | undefined;
tracks: Track[];
touchPlaylist: (id: string) => void;
playTrack: (track: Track, queue: Track[]) => void;
enqueue: (tracks: Track[]) => void;
}
@@ -18,21 +17,21 @@ export interface PlaylistBulkPlayCallbacks {
}
export function usePlaylistBulkPlayCallbacks(deps: PlaylistBulkPlayCallbacksDeps): PlaylistBulkPlayCallbacks {
const { songsLength, id, tracks, touchPlaylist, playTrack, enqueue } = deps;
const { songsLength, id, tracks, playTrack, enqueue } = deps;
const handlePlayAll = useCallback(
() => playPlaylistAll({ songsLength, id, tracks, touchPlaylist, playTrack, enqueue }),
[songsLength, id, tracks, touchPlaylist, playTrack, enqueue],
() => playPlaylistAll({ songsLength, id, tracks, playTrack, enqueue }),
[songsLength, id, tracks, playTrack, enqueue],
);
const handleShuffleAll = useCallback(
() => shufflePlaylistAll({ songsLength, id, tracks, touchPlaylist, playTrack, enqueue }),
[songsLength, id, tracks, touchPlaylist, playTrack, enqueue],
() => shufflePlaylistAll({ songsLength, id, tracks, playTrack, enqueue }),
[songsLength, id, tracks, playTrack, enqueue],
);
const handleEnqueueAll = useCallback(
() => enqueuePlaylistAll({ songsLength, id, tracks, touchPlaylist, playTrack, enqueue }),
[songsLength, id, tracks, touchPlaylist, playTrack, enqueue],
() => enqueuePlaylistAll({ songsLength, id, tracks, playTrack, enqueue }),
[songsLength, id, tracks, playTrack, enqueue],
);
return { handlePlayAll, handleShuffleAll, handleEnqueueAll };