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

Hide BulkActionsToolbar after removing songs from playlist (#898)

Browse Source
This commit is contained in:
Ritik Pandey 2021-03-26 07:10:31 +05:30 committed by GitHub
parent 210f34bbbe
commit 5abc215270
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
ui/src/playlist/PlaylistSongBulkActions.js
View File

@ -7,7 +7,12 @@ import {
import PropTypes from 'prop-types'
// Replace original resource with "fake" one for removing tracks from playlist
const PlaylistSongBulkActions = ({ playlistId, resource, ...rest }) => {
const PlaylistSongBulkActions = ({
playlistId,
resource,
onUnselectItems,
...rest
}) => {
const unselectAll = useUnselectAll()
useEffect(() => {
unselectAll('playlistTrack')
@ -18,7 +23,11 @@ const PlaylistSongBulkActions = ({ playlistId, resource, ...rest }) => {
return (
<ResourceContextProvider value={mappedResource}>
<Fragment>
<BulkDeleteButton {...rest} resource={mappedResource} />
<BulkDeleteButton
{...rest}
resource={mappedResource}
onClick={onUnselectItems}
/>
</Fragment>
</ResourceContextProvider>
)

7
ui/src/playlist/PlaylistSongs.js
View File

@ -77,7 +77,7 @@ const ReorderableList = ({ readOnly, children, ...rest }) => {
}
const PlaylistSongs = ({ playlistId, readOnly, ...props }) => {
const { data, ids } = props
const { data, ids, onUnselectItems } = props
const isXsmall = useMediaQuery((theme) => theme.breakpoints.down('xs'))
const isDesktop = useMediaQuery((theme) => theme.breakpoints.up('md'))
const classes = useStyles({ isDesktop })
@ -139,7 +139,10 @@ const PlaylistSongs = ({ playlistId, readOnly, ...props }) => {
key={version}
>
<BulkActionsToolbar {...props}>
<PlaylistSongBulkActions playlistId={playlistId} />
<PlaylistSongBulkActions
playlistId={playlistId}
onUnselectItems={onUnselectItems}
/>
</BulkActionsToolbar>
<ReorderableList
readOnly={readOnly}