From fb4eefced547c80535c0e581c5bd9a6733e15a1d Mon Sep 17 00:00:00 2001
From: Sitansh Rajput <thelostpolaris@gmail.com>
Date: Mon, 26 Jul 2021 14:00:38 -0500
Subject: [PATCH] "Add to Playlist" on AlbumList actions (#1257)

* added a dependency npm was complaining about

added playlist to album actions

* removed chokidar dependency

Co-authored-by: Skrtansh Rajput <srajput@alienvault.com>
---
 ui/src/album/AlbumActions.js | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

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 = ({
           >
             <RiPlayListAddFill />
           </Button>
+          <Button
+            onClick={handleAddToPlaylist}
+            label={translate('resources.album.actions.addToPlaylist')}
+          >
+            <PlaylistAddIcon />
+          </Button>
           {config.enableDownloads && (
             <Button
               onClick={handleDownload}