From f1e993005b2cf7491db729cb75e353b1b8b1167b Mon Sep 17 00:00:00 2001
From: Jordan Eldredge <jordan@jordaneldredge.com>
Date: Mon, 9 Jan 2017 21:42:46 -0800
Subject: [PATCH] Convert Shade to mapDispatchToProps

---
 js/components/Shade.jsx | 22 ++++++----------------
 1 file changed, 6 insertions(+), 16 deletions(-)

diff --git a/js/components/Shade.jsx b/js/components/Shade.jsx
index 125f538f..8912b0e2 100644
--- a/js/components/Shade.jsx
+++ b/js/components/Shade.jsx
@@ -3,20 +3,10 @@ import {connect} from 'react-redux';
 
 import {TOGGLE_SHADE_MODE} from '../actionTypes';
 
-class Shade extends React.Component {
-  constructor(props) {
-    super(props);
-    this.handleClick = this.handleClick.bind(this);
-  }
-  handleClick() {
-    this.props.dispatch({type: TOGGLE_SHADE_MODE});
-  }
-  render() {
-    return <div
-      id='shade'
-      onClick={this.handleClick}
-    />;
-  }
-}
+const Shade = (props) => <div id='shade' onClick={props.handleClick} />;
 
-module.exports = connect()(Shade);
+const mapDispatchToProps = (dispatch) => ({
+  handleClick: dispatch({type: TOGGLE_SHADE_MODE})
+});
+
+module.exports = connect(() => {}, mapDispatchToProps)(Shade);