import React from 'react'
import {
BulkActionsToolbar,
DatagridLoading,
ListToolbar,
TextField,
DatagridBody,
Datagrid,
useListController,
useRefresh,
} from 'react-admin'
import classnames from 'classnames'
import { Card, useMediaQuery } from '@material-ui/core'
import { makeStyles } from '@material-ui/core/styles'
import {
DurationField,
SongDetails,
SongContextMenu,
SongDatagridRow,
} from '../common'
const useStyles = makeStyles(
(theme) => ({
root: {},
main: {
display: 'flex',
},
content: {
marginTop: 0,
transition: theme.transitions.create('margin-top'),
position: 'relative',
flex: '1 1 auto',
[theme.breakpoints.down('xs')]: {
boxShadow: 'none',
},
},
bulkActionsDisplayed: {
marginTop: -theme.spacing(8),
transition: theme.transitions.create('margin-top'),
},
actions: {
zIndex: 2,
display: 'flex',
justifyContent: 'flex-end',
flexWrap: 'wrap',
},
noResults: { padding: 20 },
}),
{ name: 'RaList' }
)
const useStylesListToolbar = makeStyles({
toolbar: {
justifyContent: 'flex-start',
},
})
const SongsDatagridBody = (props) => (