diff --git a/ui/src/album/AlbumActions.js b/ui/src/album/AlbumActions.js index f86c47475..58dc25b7b 100644 --- a/ui/src/album/AlbumActions.js +++ b/ui/src/album/AlbumActions.js @@ -11,7 +11,14 @@ import PlayArrowIcon from '@material-ui/icons/PlayArrow' import ShuffleIcon from '@material-ui/icons/Shuffle' import CloudDownloadOutlinedIcon from '@material-ui/icons/CloudDownloadOutlined' import { RiPlayListAddFill, RiPlayList2Fill } from 'react-icons/ri' -import { playNext, addTracks, playTracks, shuffleTracks } from '../actions' +import PlaylistAddIcon from '@material-ui/icons/PlaylistAdd' +import { + playNext, + addTracks, + playTracks, + shuffleTracks, + openAddToPlaylist, +} from '../actions' import subsonic from '../subsonic' import { formatBytes } from '../utils' import { useMediaQuery, makeStyles } from '@material-ui/core' @@ -52,6 +59,10 @@ const AlbumActions = ({ dispatch(shuffleTracks(data, ids)) }, [dispatch, data, ids]) + const handleAddToPlaylist = React.useCallback(() => { + dispatch(openAddToPlaylist({ selectedIds: ids })) + }, [dispatch, ids]) + const handleDownload = React.useCallback(() => { subsonic.download(record.id) }, [record]) @@ -84,6 +95,12 @@ const AlbumActions = ({ > + {config.enableDownloads && (