54 lines
1.6 KiB
JavaScript
54 lines
1.6 KiB
JavaScript
import React, { Fragment, useEffect } from 'react'
|
|
import { useUnselectAll } from 'react-admin'
|
|
import { addTracks, playNext, playTracks } from '../actions'
|
|
import { RiPlayList2Fill, RiPlayListAddFill } from 'react-icons/ri'
|
|
import PlayArrowIcon from '@material-ui/icons/PlayArrow'
|
|
import { BatchPlayButton } from './index'
|
|
import { AddToPlaylistButton } from './AddToPlaylistButton'
|
|
import { makeStyles } from '@material-ui/core/styles'
|
|
import { BatchShareButton } from './BatchShareButton'
|
|
import config from '../config'
|
|
|
|
const useStyles = makeStyles((theme) => ({
|
|
button: {
|
|
color: theme.palette.type === 'dark' ? 'white' : undefined,
|
|
},
|
|
}))
|
|
|
|
export const SongBulkActions = (props) => {
|
|
const classes = useStyles()
|
|
const unselectAll = useUnselectAll()
|
|
useEffect(() => {
|
|
unselectAll(props.resource)
|
|
}, [unselectAll, props.resource])
|
|
return (
|
|
<Fragment>
|
|
<BatchPlayButton
|
|
{...props}
|
|
action={playTracks}
|
|
label={'resources.song.actions.playNow'}
|
|
icon={<PlayArrowIcon />}
|
|
className={classes.button}
|
|
/>
|
|
<BatchPlayButton
|
|
{...props}
|
|
action={playNext}
|
|
label={'resources.song.actions.playNext'}
|
|
icon={<RiPlayList2Fill />}
|
|
className={classes.button}
|
|
/>
|
|
<BatchPlayButton
|
|
{...props}
|
|
action={addTracks}
|
|
label={'resources.song.actions.addToQueue'}
|
|
icon={<RiPlayListAddFill />}
|
|
className={classes.button}
|
|
/>
|
|
{config.enableSharing && (
|
|
<BatchShareButton {...props} className={classes.button} />
|
|
)}
|
|
<AddToPlaylistButton {...props} className={classes.button} />
|
|
</Fragment>
|
|
)
|
|
}
|