import React from 'react'
import Paper from '@material-ui/core/Paper'
import Table from '@material-ui/core/Table'
import TableBody from '@material-ui/core/TableBody'
import TableCell from '@material-ui/core/TableCell'
import TableContainer from '@material-ui/core/TableContainer'
import TableRow from '@material-ui/core/TableRow'
import { BooleanField, DateField, TextField, useTranslate } from 'react-admin'
import inflection from 'inflection'
import { BitrateField, SizeField } from './index'
const SongDetails = (props) => {
const translate = useTranslate()
const { record } = props
const data = {
path: ,
album: ,
discSubtitle: ,
albumArtist: ,
genre: ,
compilation: ,
bitRate: ,
size: ,
updatedAt: ,
playCount: ,
}
if (!record.discSubtitle) {
delete data.discSubtitle
}
if (record.playCount > 0) {
data.playDate =
}
return (
{Object.keys(data).map((key) => {
return (
{translate(`resources.song.fields.${key}`, {
_: inflection.humanize(inflection.underscore(key)),
})}
:
{data[key]}
)
})}
)
}
export default SongDetails