webamp/js/components/Shuffle.js

import React from "react";
import { connect } from "react-redux";
import classnames from "classnames";
import { toggleShuffle } from "../actionCreators";

const Shuffle = ({ shuffle, handleClick }) => (
  <div
    id="shuffle"
    className={classnames({ selected: shuffle })}
    onClick={handleClick}
  />
);
const mapStateToProps = state => ({
  shuffle: state.media.shuffle
});

const mapDispatchToProps = dispatch => ({
  handleClick: () => dispatch(toggleShuffle())
});
export default connect(mapStateToProps, mapDispatchToProps)(Shuffle);