Refactored SVG component to use a selector

zoltantothcom · zoltantothcom · commit 2fed54652d51 · 2019-02-21T15:58:23.000-05:00
diff --git a/src/components/Svg.jsx b/src/components/Svg.jsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
+import getMode from '../selectors/getMode';
 import { JS, SUN_OUTLINED, SUN_FILLED } from '../data/icons';
 
 const SVG = ({ control, mode }) => {
@@ -29,6 +30,8 @@ SVG.propTypes = {
   mode: PropTypes.string.isRequired
 };
 
-const mapStateToProps = ({ mode }) => ({ mode });
+const mapStateToProps = state => ({
+  mode: getMode(state)
+});
 
 export default connect(mapStateToProps)(SVG);
diff --git a/src/selectors/getMode.js b/src/selectors/getMode.js
@@ -0,0 +1,3 @@
+const getMode = state => state.mode;
+
+export default getMode;

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+const getMode = state => state.mode;`
	`2`	`+`
	`3`	`+export default getMode;`