Add "AddToPlaylist" to AlbumContextMenu

ui/src/album/AlbumContextMenu.js

@@ -7,6 +7,8 @@ import { makeStyles } from '@material-ui/core/styles'
 import { useDataProvider, useNotify, useTranslate } from 'react-admin'
 import { useDispatch } from 'react-redux'
 import { addTracks, playTracks, shuffleTracks } from '../audioplayer'
+import NestedMenuItem from 'material-ui-nested-menu-item'
+import { AddToPlaylistMenu } from '../common'
 
 const useStyles = makeStyles({
   icon: {
@@ -96,6 +98,15 @@ const AlbumContextMenu = ({ record, color }) => {
             {options[key].label}
           </MenuItem>
         ))}
+        <NestedMenuItem
+          label={translate('resources.song.actions.addToPlaylist')}
+          parentMenuOpen={open}
+        >
+          <AddToPlaylistMenu
+            albumId={[record.id]}
+            onClose={() => setAnchorEl(null)}
+          />
+        </NestedMenuItem>
       </Menu>
     </div>
   )

ui/src/album/AlbumSongs.js

@@ -67,7 +67,7 @@ const AlbumSongs = (props) => {
   const isXsmall = useMediaQuery((theme) => theme.breakpoints.down('xs'))
   const isDesktop = useMediaQuery((theme) => theme.breakpoints.up('md'))
   const controllerProps = useListController(props)
-  const { bulkActionButtons, albumId, expand, className } = props
+  const { bulkActionButtons, albumId, className } = props
   const { data, ids, version, loaded } = controllerProps
 
   let multiDisc = false
@@ -116,7 +116,7 @@ const AlbumSongs = (props) => {
             <DatagridLoading
               classes={classes}
               className={className}
-              expand={expand}
+              expand={null}
               hasBulkActions={hasBulkActions}
               nbChildren={3}
               size={'small'}