mirrors/navidrome
1
0
Fork 0
mirror of https://github.com/navidrome/navidrome.git synced 2025-04-03 20:47:35 +03:00
Code Issues Projects Releases Packages Wiki Activity

Share playlists

Browse source
This commit is contained in:
Deluan 2023-01-22 01:12:08 -05:00
parent 65174d3fb2
commit 58fc271864
3 changed files with 60 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

4
ui/src/album/AlbumActions.js
View file

@ -109,7 +109,7 @@ const AlbumActions = ({
{config.devEnableShare && (
<Button
onClick={shareDialog.openDialog}
label={translate('resources.album.actions.share')}
label={translate('ra.action.share')}
>
<ShareIcon />
</Button>
@ -118,7 +118,7 @@ const AlbumActions = ({
<Button
onClick={handleDownload}
label={
translate('resources.album.actions.download') +
translate('ra.action.download') +
(isDesktop ? ` (${formatBytes(record.size)})` : '')
}
>

20
ui/src/playlist/PlaylistActions.js
View file

@ -28,6 +28,9 @@ import { formatBytes } from '../utils'
import { useMediaQuery, makeStyles } from '@material-ui/core'
import config from '../config'
import { ToggleFieldsMenu } from '../common'
import { ShareDialog } from '../dialogs/ShareDialog'
import { useDialog } from '../dialogs/useDialog'
import ShareIcon from '@material-ui/icons/Share'
const useStyles = makeStyles({
toolbar: { display: 'flex', justifyContent: 'space-between', width: '100%' },
@ -41,6 +44,7 @@ const PlaylistActions = ({ className, ids, data, record, ...rest }) => {
const notify = useNotify()
const isDesktop = useMediaQuery((theme) => theme.breakpoints.up('md'))
const isNotSmall = useMediaQuery((theme) => theme.breakpoints.up('sm'))
const shareDialog = useDialog()
const getAllSongsAndDispatch = React.useCallback(
(action) => {
@ -133,11 +137,19 @@ const PlaylistActions = ({ className, ids, data, record, ...rest }) => {
>
<RiPlayListAddFill />
</Button>
{config.devEnableShare && (
<Button
onClick={shareDialog.openDialog}
label={translate('ra.action.share')}
>
<ShareIcon />
</Button>
)}
{config.enableDownloads && (
<Button
onClick={handleDownload}
label={
translate('resources.album.actions.download') +
translate('ra.action.download') +
(isDesktop ? ` (${formatBytes(record.size)})` : '')
}
>
@ -153,6 +165,12 @@ const PlaylistActions = ({ className, ids, data, record, ...rest }) => {
</div>
<div>{isNotSmall && <ToggleFieldsMenu resource="playlistTrack" />}</div>
</div>
<ShareDialog
{...shareDialog.props}
ids={[record.id]}
resource={'playlist'}
name={record.name}
/>
</TopToolbar>
)
}