diff --git a/src/Components/Header.js b/src/Components/Header.js
index a43324c5e..4e083a944 100644
--- a/src/Components/Header.js
+++ b/src/Components/Header.js
@@ -16,7 +16,6 @@ import RefreshIcon from '@material-ui/icons/Refresh';
 import FormatPaintIcon from '@material-ui/icons/FormatPaint';
 import EditIcon from '@material-ui/icons/Edit';
 import CheckIcon from '@material-ui/icons/Check';
-import RadioIcon from '@material-ui/icons/Radio';
 import ExitToAppIcon from '@material-ui/icons/ExitToApp';
 import BorderTopIcon from '@material-ui/icons/BorderTop';
 import CodeIcon from '@material-ui/icons/Code';
@@ -361,20 +360,6 @@ class Header extends React.PureComponent {
                 </IconButton>
               </Tooltip>
             )}
-            {!editing && (
-              <Tooltip title="Radio">
-                <IconButton
-                  className={classes.button}
-                  style={{
-                    gridRow: timeDisabled && dateDisabled ? 1 : 3,
-                    gridColumn: timeDisabled && dateDisabled ? 5 : 1
-                  }}
-                  aria-label="Radio"
-                  onClick={this.props.handleRadioToggle}>
-                  <RadioIcon className={classes.icon} />
-                </IconButton>
-              </Tooltip>
-            )}
             {editing && (
               <Tooltip title="Raw Editor">
                 <IconButton
diff --git a/src/Components/Radio/InputDialog.js b/src/Components/Radio/InputDialog.js
deleted file mode 100644
index 0e3d9743b..000000000
--- a/src/Components/Radio/InputDialog.js
+++ /dev/null
@@ -1,142 +0,0 @@
-// eslint-disable-next-line
-import React from 'react';
-// import request from 'superagent';
-import PropTypes from 'prop-types';
-import withMobileDialog from '@material-ui/core/withMobileDialog';
-import IconButton from '@material-ui/core/IconButton';
-import Input from '@material-ui/core/Input';
-import InputLabel from '@material-ui/core/InputLabel';
-import InputAdornment from '@material-ui/core/InputAdornment';
-import FormControl from '@material-ui/core/FormControl';
-import Button from '@material-ui/core/Button';
-import DialogTitle from '@material-ui/core/DialogTitle';
-import DialogContent from '@material-ui/core/DialogContent';
-import DialogActions from '@material-ui/core/DialogActions';
-import Dialog from '@material-ui/core/Dialog';
-import RadioGroup from '@material-ui/core/RadioGroup';
-import Radio from '@material-ui/core/Radio';
-import FormControlLabel from '@material-ui/core/FormControlLabel';
-import SearchIcon from '@material-ui/icons/Search';
-
-var searchTimeout;
-
-class InputDialog extends React.PureComponent {
-  radioGroup = null;
-  state = {
-    search: '',
-    sources: []
-  };
-
-  componentDidMount = () => this.updateProps();
-
-  componentDidUpdate = prevProps =>
-    prevProps.value !== this.props.value && this.updateProps();
-
-  updateProps = () => this.setState({ value: this.props.value });
-
-  handleEntering = () => this.radioGroup.focus();
-
-  handleCancel = () => this.props.handleChange(this.props.value);
-
-  handleOk = () =>
-    this.props.handleChange(
-      this.state.sources.find(source => source.guide_id === this.state.value)
-    );
-
-  handleChange = (_event, value) => this.setState({ value });
-
-  handleSearch = () => {
-    // request
-    //   .post(`${this.props.apiUrl}/radio/search`)
-    //   .send({ query: this.state.search })
-    //   .set('Accept', 'application/json')
-    //   .then(res => {
-    //     this.setState({ sources: res.body.slice(0, 100) });
-    //   })
-    //   .catch(err => {
-    //     console.error(err);
-    //   });
-  };
-
-  handleSearchChange = search => this.setState({ search });
-
-  render() {
-    const { fullScreen, open } = this.props;
-    const { sources } = this.state;
-
-    return (
-      <Dialog
-        fullScreen={fullScreen}
-        open={open}
-        disableBackdropClick
-        disableEscapeKeyDown
-        maxWidth="xs"
-        onEntering={this.handleEntering}
-        aria-labelledby="confirmation-dialog-title">
-        <DialogTitle id="confirmation-dialog-title">Select Source</DialogTitle>
-        <DialogContent>
-          <form noValidate autoComplete="off">
-            <FormControl style={{ width: '100%' }}>
-              <InputLabel htmlFor="search">Search Radio Stations..</InputLabel>
-              <Input
-                id="search"
-                type="text"
-                value={this.state.search}
-                onChange={event => {
-                  this.handleSearchChange(event.target.value);
-                  clearTimeout(searchTimeout);
-                  searchTimeout = setTimeout(() => {
-                    this.handleSearch();
-                  }, 1000);
-                }}
-                endAdornment={
-                  <InputAdornment position="end">
-                    <IconButton
-                      aria-label="Search Stations"
-                      onClick={this.handleSearch}>
-                      <SearchIcon />
-                    </IconButton>
-                  </InputAdornment>
-                }
-              />
-            </FormControl>
-          </form>
-          <RadioGroup
-            ref={node => {
-              this.radioGroup = node;
-            }}
-            aria-label="Ringtone"
-            name="ringtone"
-            value={this.state.value}
-            onChange={this.handleChange}>
-            {sources.map(source => (
-              <FormControlLabel
-                value={source.guide_id}
-                key={source.guide_id}
-                control={<Radio />}
-                label={source.text}
-              />
-            ))}
-          </RadioGroup>
-        </DialogContent>
-        <DialogActions>
-          <Button onClick={this.handleCancel} color="primary">
-            Cancel
-          </Button>
-          <Button onClick={this.handleOk} color="primary">
-            Ok
-          </Button>
-        </DialogActions>
-      </Dialog>
-    );
-  }
-}
-
-InputDialog.propTypes = {
-  fullScreen: PropTypes.bool.isRequired,
-  open: PropTypes.bool.isRequired,
-  value: PropTypes.string,
-  handleChange: PropTypes.func.isRequired
-};
-
-export default withMobileDialog()(InputDialog);
diff --git a/src/Components/Radio/Radio.js b/src/Components/Radio/Radio.js
deleted file mode 100644
index 6e00bf65e..000000000
--- a/src/Components/Radio/Radio.js
+++ /dev/null
@@ -1,247 +0,0 @@
-import React from 'react';
-// import request from 'superagent';
-import classNames from 'classnames';
-import PropTypes from 'prop-types';
-import Sound from 'react-sound';
-import withStyles from '@material-ui/core/styles/withStyles';
-import Slide from '@material-ui/core/Slide';
-import Paper from '@material-ui/core/Paper';
-import Fab from '@material-ui/core/Fab';
-import ButtonBase from '@material-ui/core/ButtonBase';
-import PauseIcon from '@material-ui/icons/Pause';
-import PlayArrowIcon from '@material-ui/icons/PlayArrow';
-import SkipPreviousIcon from '@material-ui/icons/SkipPrevious';
-import SkipNextIcon from '@material-ui/icons/SkipNext';
-import RepeatIcon from '@material-ui/icons/Repeat';
-import ShuffleIcon from '@material-ui/icons/Shuffle';
-import sourcePlaceholder from '../../resources/source.svg';
-import InputDialog from './InputDialog';
-
-const styles = theme => ({
-  root: {
-    position: 'fixed',
-    bottom: theme.spacing.unit * 2.2,
-    left: '50%',
-    transform: 'translate(-25%, 100vh) translate(-25%, 0px) !important',
-    transition: 'transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms',
-    zIndex: '1000',
-    width: '18rem',
-    height: '18rem'
-  },
-  rootShown: {
-    transform: 'translate(-50%, 0px) !important'
-  },
-  backgroundOuter: {
-    position: 'fixed',
-    left: '50%',
-    transform: 'translateX(-50%)',
-    height: '18rem',
-    width: '100%'
-  },
-  background: {
-    maxHeight: '18rem'
-  },
-  controls: {
-    position: 'fixed',
-    display: 'flex',
-    bottom: theme.spacing.unit * 5.8
-  },
-  controlsMain: {
-    position: 'fixed',
-    display: 'flex',
-    alignItems: 'flex-end',
-    left: '50%',
-    transform: 'translateX(-50%)'
-  },
-  button: {
-    margin: `0 ${theme.spacing.unit}px`,
-    marginBottom: theme.spacing.unit / 4,
-    backgroundColor: ''
-  }
-});
-
-const defaultSource = {
-  source: {
-    image: sourcePlaceholder
-  },
-  playing: Sound.status.STOPPED,
-  shuffle: false,
-  repeat: false
-};
-
-class Radio extends React.PureComponent {
-  state = {
-    source: defaultSource,
-    dialogOpen: false
-  };
-
-  handleRadioChange = action => {
-    var source = this.state.source;
-    switch (action) {
-      default:
-        break;
-      case 'play':
-        source.playing = Sound.status.PLAYING;
-        break;
-      case 'pause':
-        source.playing = Sound.status.PAUSED;
-        break;
-      case 'stop':
-        source.playing = Sound.status.STOPPED;
-        break;
-      case 'next':
-        break;
-      case 'previous':
-        break;
-      case 'repeat':
-        break;
-      case 'shuffle':
-        break;
-    }
-    this.setState({ source });
-  };
-
-  handleInputDialog = () => {
-    this.setState({ dialogOpen: true });
-  };
-
-  handleInputDialogChange = (value = null) => {
-    var source = this.state.source;
-    if (value) source.source = value;
-    this.setState({ dialogOpen: false, source }, () =>
-      this.handleGetSource(this.state.source.source)
-    );
-  };
-
-  handleGetSource = source => {
-    // request
-    //   .post(`${this.props.apiUrl}/radio/get`)
-    //   .send(source)
-    //   .set('Accept', 'application/json')
-    //   .then(res => {
-    //     var source = this.state.source;
-    //     source.source = res.body;
-    //     source.playing = Sound.status.PLAYING;
-    //     this.setState({ source });
-    //   })
-    //   .catch(err => {
-    //     console.error(err);
-    //   });
-  };
-
-  render() {
-    const {
-      handleRadioChange,
-      handleInputDialog,
-      handleInputDialogChange
-    } = this;
-    const { classes, show } = this.props;
-    const { dialogOpen } = this.state;
-    const {
-      source,
-      playing,
-      canSkip,
-      canShuffle,
-      canRepeat
-    } = this.state.source;
-    const { image, streams } = source;
-
-    return (
-      <Slide direction="up" in={show}>
-        <Paper
-          className={classNames(classes.root, show && classes.rootShown)}
-          square
-          elevation={2}>
-          {streams && (
-            <Sound
-              url={streams[0].url}
-              playStatus={playing}
-              onLoading={this.handleSongLoading}
-              onPlaying={this.handleSongPlaying}
-              onFinishedPlaying={this.handleSongFinishedPlaying}
-            />
-          )}
-          <ButtonBase
-            className={classes.backgroundOuter}
-            focusRipple
-            onClick={handleInputDialog}>
-            <img className={classes.background} src={image} alt="background" />
-          </ButtonBase>
-          <InputDialog
-            open={dialogOpen}
-            handleChange={handleInputDialogChange}
-          />
-          <div className={classes.controls}>
-            <div className={classes.controlsMain}>
-              {canRepeat && (
-                <Fab
-                  className={classes.button}
-                  mini
-                  color="primary"
-                  aria-label="Repeat"
-                  onClick={() => handleRadioChange('repeat')}>
-                  <RepeatIcon />
-                </Fab>
-              )}
-              {canSkip && (
-                <Fab
-                  className={classes.button}
-                  mini
-                  color="primary"
-                  aria-label="Previous"
-                  onClick={() => handleRadioChange('previous')}>
-                  <SkipPreviousIcon />
-                </Fab>
-              )}
-              {playing === Sound.status.PLAYING ? (
-                <Fab
-                  className={classes.buttonPlay}
-                  color="primary"
-                  aria-label="Pause"
-                  onClick={() => handleRadioChange('pause')}>
-                  <PauseIcon />
-                </Fab>
-              ) : (
-                <Fab
-                  className={classes.buttonPlay}
-                  color="primary"
-                  aria-label="Play"
-                  onClick={() => handleRadioChange('play')}>
-                  <PlayArrowIcon />
-                </Fab>
-              )}
-              {canSkip && (
-                <Fab
-                  className={classes.button}
-                  mini
-                  color="primary"
-                  aria-label="Next"
-                  onClick={() => handleRadioChange('next')}>
-                  <SkipNextIcon />
-                </Fab>
-              )}
-              {canShuffle && (
-                <Fab
-                  className={classes.button}
-                  mini
-                  color="primary"
-                  aria-label="Shuffle"
-                  onClick={() => handleRadioChange('shuffle')}>
-                  <ShuffleIcon />
-                </Fab>
-              )}
-            </div>
-          </div>
-        </Paper>
-      </Slide>
-    );
-  }
-}
-
-Radio.propTypes = {
-  classes: PropTypes.object.isRequired,
-  show: PropTypes.bool.isRequired,
-  handleRadioHide: PropTypes.func.isRequired
-};
-
-export default withStyles(styles)(Radio);