diff --git a/ui/src/playlist/PlaylistSongBulkActions.js b/ui/src/playlist/PlaylistSongBulkActions.js
index 8265554a1..c9b0a62bc 100644
--- a/ui/src/playlist/PlaylistSongBulkActions.js
+++ b/ui/src/playlist/PlaylistSongBulkActions.js
@@ -7,7 +7,12 @@ import {
import PropTypes from 'prop-types'
// Replace original resource with "fake" one for removing tracks from playlist
-const PlaylistSongBulkActions = ({ playlistId, resource, ...rest }) => {
+const PlaylistSongBulkActions = ({
+ playlistId,
+ resource,
+ onUnselectItems,
+ ...rest
+}) => {
const unselectAll = useUnselectAll()
useEffect(() => {
unselectAll('playlistTrack')
@@ -18,7 +23,11 @@ const PlaylistSongBulkActions = ({ playlistId, resource, ...rest }) => {
return (
-
+
)
diff --git a/ui/src/playlist/PlaylistSongs.js b/ui/src/playlist/PlaylistSongs.js
index 9bf302cd0..a9f4a7eeb 100644
--- a/ui/src/playlist/PlaylistSongs.js
+++ b/ui/src/playlist/PlaylistSongs.js
@@ -77,7 +77,7 @@ const ReorderableList = ({ readOnly, children, ...rest }) => {
}
const PlaylistSongs = ({ playlistId, readOnly, ...props }) => {
- const { data, ids } = props
+ const { data, ids, onUnselectItems } = props
const isXsmall = useMediaQuery((theme) => theme.breakpoints.down('xs'))
const isDesktop = useMediaQuery((theme) => theme.breakpoints.up('md'))
const classes = useStyles({ isDesktop })
@@ -139,7 +139,10 @@ const PlaylistSongs = ({ playlistId, readOnly, ...props }) => {
key={version}
>
-
+