From bd1c3d9229ab169d2a2c618d75ea133c6d9fc7fa Mon Sep 17 00:00:00 2001 From: Deluan Date: Mon, 17 Aug 2020 11:19:39 -0400 Subject: [PATCH] Use `outlined` Material-UI variant for all inputs --- ui/src/album/AlbumList.js | 2 +- ui/src/artist/ArtistList.js | 2 +- ui/src/dialogs/SelectPlaylistInput.js | 1 + ui/src/personal/Personal.js | 2 +- ui/src/player/PlayerEdit.js | 2 +- ui/src/player/PlayerList.js | 2 +- ui/src/playlist/PlaylistCreate.js | 2 +- ui/src/playlist/PlaylistEdit.js | 2 +- ui/src/playlist/PlaylistList.js | 2 +- ui/src/song/SongList.js | 2 +- ui/src/transcoding/TranscodingCreate.js | 2 +- ui/src/transcoding/TranscodingEdit.js | 2 +- ui/src/user/UserCreate.js | 2 +- ui/src/user/UserEdit.js | 2 +- ui/src/user/UserList.js | 2 +- 15 files changed, 15 insertions(+), 14 deletions(-) diff --git a/ui/src/album/AlbumList.js b/ui/src/album/AlbumList.js index 9a9bdd79..f35d9d21 100644 --- a/ui/src/album/AlbumList.js +++ b/ui/src/album/AlbumList.js @@ -25,7 +25,7 @@ import albumLists, { defaultAlbumList } from './albumLists' const AlbumFilter = (props) => { const translate = useTranslate() return ( - + ( - + { renderInput={(params) => ( diff --git a/ui/src/personal/Personal.js b/ui/src/personal/Personal.js index ab7f9bae..303c808b 100644 --- a/ui/src/personal/Personal.js +++ b/ui/src/personal/Personal.js @@ -126,7 +126,7 @@ const Personal = () => { return ( - <SimpleForm toolbar={null}> + <SimpleForm toolbar={null} variant={'outlined'}> <SelectTheme /> <SelectLanguage /> <SelectDefaultView /> diff --git a/ui/src/player/PlayerEdit.js b/ui/src/player/PlayerEdit.js index 009b1c13..0da82020 100644 --- a/ui/src/player/PlayerEdit.js +++ b/ui/src/player/PlayerEdit.js @@ -19,7 +19,7 @@ const PlayerTitle = ({ record }) => { const PlayerEdit = (props) => ( <Edit title={<PlayerTitle />} {...props}> - <SimpleForm> + <SimpleForm variant={'outlined'}> <TextInput source="name" validate={[required()]} /> <ReferenceInput source="transcodingId" diff --git a/ui/src/player/PlayerList.js b/ui/src/player/PlayerList.js index 26c5e21f..c27fcfd3 100644 --- a/ui/src/player/PlayerList.js +++ b/ui/src/player/PlayerList.js @@ -12,7 +12,7 @@ import { useMediaQuery } from '@material-ui/core' import { SimpleList, List } from '../common' const PlayerFilter = (props) => ( - <Filter {...props}> + <Filter {...props} variant={'outlined'}> <SearchInput source="name" alwaysOn /> </Filter> ) diff --git a/ui/src/playlist/PlaylistCreate.js b/ui/src/playlist/PlaylistCreate.js index 45a36b76..a6d525b9 100644 --- a/ui/src/playlist/PlaylistCreate.js +++ b/ui/src/playlist/PlaylistCreate.js @@ -9,7 +9,7 @@ import { const PlaylistCreate = (props) => ( <Create {...props}> - <SimpleForm redirect="list"> + <SimpleForm redirect="list" variant={'outlined'}> <TextInput source="name" validate={required()} /> <TextInput multiline source="comment" /> <BooleanInput source="public" initialValue={true} /> diff --git a/ui/src/playlist/PlaylistEdit.js b/ui/src/playlist/PlaylistEdit.js index 90324c26..d05d96e6 100644 --- a/ui/src/playlist/PlaylistEdit.js +++ b/ui/src/playlist/PlaylistEdit.js @@ -21,7 +21,7 @@ const SyncFragment = ({ formData, ...rest }) => { const PlaylistEdit = (props) => ( <Edit {...props}> - <SimpleForm redirect="list"> + <SimpleForm redirect="list" variant={'outlined'}> <TextInput source="name" validate={required()} /> <TextInput multiline source="comment" /> <BooleanInput source="public" /> diff --git a/ui/src/playlist/PlaylistList.js b/ui/src/playlist/PlaylistList.js index 2d292ecc..375d101a 100644 --- a/ui/src/playlist/PlaylistList.js +++ b/ui/src/playlist/PlaylistList.js @@ -15,7 +15,7 @@ import { DurationField, List } from '../common' import Writable, { isWritable } from '../common/Writable' const PlaylistFilter = (props) => ( - <Filter {...props}> + <Filter {...props} variant={'outlined'}> <SearchInput source="name" alwaysOn /> </Filter> ) diff --git a/ui/src/song/SongList.js b/ui/src/song/SongList.js index dfcbfbb0..4b0b3643 100644 --- a/ui/src/song/SongList.js +++ b/ui/src/song/SongList.js @@ -36,7 +36,7 @@ const useStyles = makeStyles({ }) const SongFilter = (props) => ( - <Filter {...props}> + <Filter {...props} variant={'outlined'}> <SearchInput source="title" alwaysOn /> <QuickFilter source="starred" diff --git a/ui/src/transcoding/TranscodingCreate.js b/ui/src/transcoding/TranscodingCreate.js index 3f85a87f..949c0a6d 100644 --- a/ui/src/transcoding/TranscodingCreate.js +++ b/ui/src/transcoding/TranscodingCreate.js @@ -22,7 +22,7 @@ const TranscodingTitle = () => { const TranscodingCreate = (props) => ( <Create title={<TranscodingTitle />} {...props}> - <SimpleForm> + <SimpleForm variant={'outlined'}> <TextInput source="name" validate={[required()]} /> <TextInput source="targetFormat" validate={[required()]} /> <SelectInput diff --git a/ui/src/transcoding/TranscodingEdit.js b/ui/src/transcoding/TranscodingEdit.js index 1a6debba..69a0bb78 100644 --- a/ui/src/transcoding/TranscodingEdit.js +++ b/ui/src/transcoding/TranscodingEdit.js @@ -24,7 +24,7 @@ const TranscodingEdit = (props) => { <TranscodingNote message={'message.transcodingEnabled'} /> <Edit title={<TranscodingTitle />} {...props}> - <SimpleForm> + <SimpleForm variant={'outlined'}> <TextInput source="name" validate={[required()]} /> <TextInput source="targetFormat" validate={[required()]} /> <SelectInput diff --git a/ui/src/user/UserCreate.js b/ui/src/user/UserCreate.js index 5ccf922a..ab50c5fe 100644 --- a/ui/src/user/UserCreate.js +++ b/ui/src/user/UserCreate.js @@ -19,7 +19,7 @@ const UserCreate = (props) => { }) return ( <Create title={<Title subTitle={title} />} {...props}> - <SimpleForm redirect="list"> + <SimpleForm redirect="list" variant={'outlined'}> <TextInput source="userName" validate={[required()]} /> <TextInput source="name" validate={[required()]} /> <TextInput source="email" validate={[required(), email()]} /> diff --git a/ui/src/user/UserEdit.js b/ui/src/user/UserEdit.js index 3940f829..8f2a4679 100644 --- a/ui/src/user/UserEdit.js +++ b/ui/src/user/UserEdit.js @@ -38,7 +38,7 @@ const UserToolbar = (props) => ( const UserEdit = (props) => ( <Edit title={<UserTitle />} {...props}> - <SimpleForm toolbar={<UserToolbar />}> + <SimpleForm variant={'outlined'} toolbar={<UserToolbar />}> <TextInput source="userName" validate={[required()]} /> <TextInput source="name" validate={[required()]} /> <TextInput source="email" validate={[email()]} /> diff --git a/ui/src/user/UserList.js b/ui/src/user/UserList.js index 33bb291b..f2dd33d7 100644 --- a/ui/src/user/UserList.js +++ b/ui/src/user/UserList.js @@ -12,7 +12,7 @@ import { useMediaQuery } from '@material-ui/core' import { List } from '../common' const UserFilter = (props) => ( - <Filter {...props}> + <Filter {...props} variant={'outlined'}> <SearchInput source="name" alwaysOn /> </Filter> )