diff --git a/src/components/WindowThumbnailSettings.js b/src/components/WindowThumbnailSettings.js index 5f49d4ff393f2abbddba6c12f34c3de3afd714d4..ced6f4958653b9ab31e071868e424bd207faff92 100644 --- a/src/components/WindowThumbnailSettings.js +++ b/src/components/WindowThumbnailSettings.js @@ -3,6 +3,8 @@ import FormControlLabel from '@material-ui/core/FormControlLabel'; import Radio from '@material-ui/core/Radio'; import RadioGroup from '@material-ui/core/RadioGroup'; import Typography from '@material-ui/core/Typography'; +import CancelPresentationIcon from '@material-ui/icons/CancelPresentation'; +import VideoLabelIcon from '@material-ui/icons/VideoLabel'; import PropTypes from 'prop-types'; /** @@ -42,19 +44,19 @@ export default class WindowThumbnailSettings extends Component { <RadioGroup aria-label="position" name="position" value={thumbnailNavigationPosition} onChange={this.handleChange} row> <FormControlLabel value="off" - control={<Radio color="primary" />} + control={<Radio color="primary" icon={<CancelPresentationIcon />} checkedIcon={<CancelPresentationIcon />} />} label="Off" labelPlacement="bottom" /> <FormControlLabel value="bottom" - control={<Radio color="primary" />} + control={<Radio color="primary" icon={<ThumbnailNavigationBottomIcon />} checkedIcon={<ThumbnailNavigationBottomIcon />} />} label="Bottom" labelPlacement="bottom" /> <FormControlLabel value="right" - control={<Radio color="primary" />} + control={<Radio color="primary" icon={<ThumbnailNavigationRightIcon />} checkedIcon={<ThumbnailNavigationRightIcon />} />} label="Right" labelPlacement="bottom" /> @@ -64,6 +66,24 @@ export default class WindowThumbnailSettings extends Component { } } +/** + * @private + */ +function ThumbnailNavigationBottomIcon(props) { + return ( + <VideoLabelIcon /> + ); +} + +/** + * @private + */ +function ThumbnailNavigationRightIcon(props) { + return ( + <VideoLabelIcon style={{ transform: 'rotate(-90deg)' }} /> + ); +} + WindowThumbnailSettings.propTypes = { windowId: PropTypes.string.isRequired, setWindowThumbnailPosition: PropTypes.func.isRequired,