54 lines
1.4 KiB
JavaScript
54 lines
1.4 KiB
JavaScript
import React from 'react'
|
|
import {
|
|
Datagrid,
|
|
TextField,
|
|
DateField,
|
|
FunctionField,
|
|
ReferenceField,
|
|
Filter,
|
|
SearchInput,
|
|
} from 'react-admin'
|
|
import { useMediaQuery } from '@material-ui/core'
|
|
import { SimpleList, List } from '../common'
|
|
|
|
const PlayerFilter = (props) => (
|
|
<Filter {...props} variant={'outlined'}>
|
|
<SearchInput id="search" source="name" alwaysOn />
|
|
</Filter>
|
|
)
|
|
|
|
const PlayerList = ({ permissions, ...props }) => {
|
|
const isXsmall = useMediaQuery((theme) => theme.breakpoints.down('xs'))
|
|
return (
|
|
<List
|
|
{...props}
|
|
sort={{ field: 'lastSeen', order: 'DESC' }}
|
|
exporter={false}
|
|
filters={<PlayerFilter />}
|
|
>
|
|
{isXsmall ? (
|
|
<SimpleList
|
|
primaryText={(r) => r.client}
|
|
secondaryText={(r) => r.userName}
|
|
tertiaryText={(r) => (r.maxBitRate ? r.maxBitRate : '-')}
|
|
/>
|
|
) : (
|
|
<Datagrid rowClick="edit">
|
|
<TextField source="name" />
|
|
{permissions === 'admin' && <TextField source="userName" />}
|
|
<ReferenceField source="transcodingId" reference="transcoding">
|
|
<TextField source="name" />
|
|
</ReferenceField>
|
|
<FunctionField
|
|
source="maxBitRate"
|
|
render={(r) => (r.maxBitRate ? r.maxBitRate : '-')}
|
|
/>
|
|
<DateField source="lastSeen" showTime sortByOrder={'DESC'} />
|
|
</Datagrid>
|
|
)}
|
|
</List>
|
|
)
|
|
}
|
|
|
|
export default PlayerList
|