From 8fe335ed97f40c1884f456f96415fb15efb97486 Mon Sep 17 00:00:00 2001
From: Anders Moberg <talk_with@a-moberg.com>
Date: Sat, 5 Sep 2020 14:51:08 +0200
Subject: [PATCH] Adding playlist button to Playlist actions

---
 ui/src/playlist/PlaylistActions.js | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/ui/src/playlist/PlaylistActions.js b/ui/src/playlist/PlaylistActions.js
index c82de43d..ae847f88 100644
--- a/ui/src/playlist/PlaylistActions.js
+++ b/ui/src/playlist/PlaylistActions.js
@@ -9,9 +9,10 @@ import {
 import PlayArrowIcon from '@material-ui/icons/PlayArrow'
 import ShuffleIcon from '@material-ui/icons/Shuffle'
 import CloudDownloadOutlinedIcon from '@material-ui/icons/CloudDownloadOutlined'
+import AddToQueueIcon from '@material-ui/icons/AddToQueue'
 import QueueMusicIcon from '@material-ui/icons/QueueMusic'
 import { httpClient } from '../dataProvider'
-import { playTracks, shuffleTracks } from '../audioplayer'
+import { addTracks, playTracks, shuffleTracks } from '../audioplayer'
 import { M3U_MIME_TYPE, REST_URL } from '../consts'
 import subsonic from '../subsonic'
 
@@ -31,6 +32,10 @@ const PlaylistActions = ({
     dispatch(playTracks(data, ids))
   }, [dispatch, data, ids])
 
+  const handlePlayLater = React.useCallback(() => {
+    dispatch(addTracks(data, ids))
+  }, [dispatch, data, ids])
+
   const handleShuffle = React.useCallback(() => {
     dispatch(shuffleTracks(data, ids))
   }, [dispatch, data, ids])
@@ -77,6 +82,12 @@ const PlaylistActions = ({
       >
         <CloudDownloadOutlinedIcon />
       </Button>
+      <Button
+        onClick={handlePlayLater}
+        label={translate('resources.album.actions.addToQueue')}
+      >
+        <AddToQueueIcon />
+      </Button>
       <Button
         onClick={handleExport}
         label={translate('resources.playlist.actions.export')}