ironmagma/quintodrome
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Remove inline style in favour of MUI's styling solution

Browse source
This commit is contained in:
Deluan 2021-04-09 17:34:45 -04:00
parent f7dfabaa40
commit efe8240c0a
1 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
ui/src/dialogs/SelectPlaylistInput.js
View file

@ -1,4 +1,3 @@
/* eslint-disable no-use-before-define */
import React from 'react' import React from 'react'
import TextField from '@material-ui/core/TextField' import TextField from '@material-ui/core/TextField'
import Autocomplete, { import Autocomplete, {
@ -7,10 +6,16 @@ import Autocomplete, {
import { useGetList, useTranslate } from 'react-admin' import { useGetList, useTranslate } from 'react-admin'
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
import { isWritable } from '../common' import { isWritable } from '../common'
import { makeStyles } from '@material-ui/core'
const filter = createFilterOptions() const filter = createFilterOptions()
const useStyles = makeStyles({
root: { width: '100%' },
})
export const SelectPlaylistInput = ({ onChange }) => { export const SelectPlaylistInput = ({ onChange }) => {
const classes = useStyles()
const translate = useTranslate() const translate = useTranslate()
const { ids, data } = useGetList( const { ids, data } = useGetList(
'playlist', 'playlist',
@ -77,7 +82,7 @@ export const SelectPlaylistInput = ({ onChange }) => {
return option.name return option.name
}} }}
renderOption={(option) => option.name} renderOption={(option) => option.name}
style={{ width: '100%' }} className={classes.root}
freeSolo freeSolo
renderInput={(params) => ( renderInput={(params) => (
<TextField <TextField