33 lines
905 B
JavaScript
33 lines
905 B
JavaScript
import React from 'react'
|
|
import { Datagrid, List, TextField } from 'react-admin'
|
|
import { useMediaQuery } from '@material-ui/core'
|
|
import { SimpleList, Title } from '../common'
|
|
|
|
const TranscodingList = (props) => {
|
|
const isXsmall = useMediaQuery((theme) => theme.breakpoints.down('xs'))
|
|
return (
|
|
<List
|
|
title={<Title subTitle={'Transcodings'} />}
|
|
exporter={false}
|
|
{...props}
|
|
>
|
|
{isXsmall ? (
|
|
<SimpleList
|
|
primaryText={(r) => r.name}
|
|
secondaryText={(r) => `format: ${r.targetFormat}`}
|
|
tertiaryText={(r) => r.defaultBitRate}
|
|
/>
|
|
) : (
|
|
<Datagrid rowClick="edit">
|
|
<TextField source="name" />
|
|
<TextField source="targetFormat" />
|
|
<TextField source="defaultBitRate" />
|
|
<TextField source="command" />
|
|
</Datagrid>
|
|
)}
|
|
</List>
|
|
)
|
|
}
|
|
|
|
export default TranscodingList
|