Always show context menu if not in desktop
This commit is contained in:
parent
2010fcf4ca
commit
aae66cfcf0
2 changed files with 6 additions and 6 deletions
|
|
@ -64,18 +64,18 @@ const useStyles = makeStyles(
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
contextMenu: {
|
contextMenu: {
|
||||||
visibility: 'hidden',
|
visibility: (props) => (props.isDesktop ? 'hidden' : 'visible'),
|
||||||
},
|
},
|
||||||
}),
|
}),
|
||||||
{ name: 'RaList' }
|
{ name: 'RaList' }
|
||||||
)
|
)
|
||||||
|
|
||||||
const AlbumSongs = (props) => {
|
const AlbumSongs = (props) => {
|
||||||
const classes = useStyles(props)
|
|
||||||
const { data, ids } = props
|
const { data, ids } = props
|
||||||
const dispatch = useDispatch()
|
|
||||||
const isXsmall = useMediaQuery((theme) => theme.breakpoints.down('xs'))
|
const isXsmall = useMediaQuery((theme) => theme.breakpoints.down('xs'))
|
||||||
const isDesktop = useMediaQuery((theme) => theme.breakpoints.up('md'))
|
const isDesktop = useMediaQuery((theme) => theme.breakpoints.up('md'))
|
||||||
|
const classes = useStyles({ isDesktop })
|
||||||
|
const dispatch = useDispatch()
|
||||||
const version = useVersion()
|
const version = useVersion()
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
|
|
|
||||||
|
|
@ -63,7 +63,7 @@ const useStyles = makeStyles(
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
contextMenu: {
|
contextMenu: {
|
||||||
visibility: 'hidden',
|
visibility: (props) => (props.isDesktop ? 'hidden' : 'visible'),
|
||||||
},
|
},
|
||||||
}),
|
}),
|
||||||
{ name: 'RaList' }
|
{ name: 'RaList' }
|
||||||
|
|
@ -78,10 +78,10 @@ const ReorderableList = ({ readOnly, children, ...rest }) => {
|
||||||
|
|
||||||
const PlaylistSongs = ({ playlistId, readOnly, ...props }) => {
|
const PlaylistSongs = ({ playlistId, readOnly, ...props }) => {
|
||||||
const { data, ids } = props
|
const { data, ids } = props
|
||||||
const classes = useStyles(props)
|
|
||||||
const dispatch = useDispatch()
|
|
||||||
const isXsmall = useMediaQuery((theme) => theme.breakpoints.down('xs'))
|
const isXsmall = useMediaQuery((theme) => theme.breakpoints.down('xs'))
|
||||||
const isDesktop = useMediaQuery((theme) => theme.breakpoints.up('md'))
|
const isDesktop = useMediaQuery((theme) => theme.breakpoints.up('md'))
|
||||||
|
const classes = useStyles({ isDesktop })
|
||||||
|
const dispatch = useDispatch()
|
||||||
const dataProvider = useDataProvider()
|
const dataProvider = useDataProvider()
|
||||||
const refresh = useRefresh()
|
const refresh = useRefresh()
|
||||||
const notify = useNotify()
|
const notify = useNotify()
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue