9-1

Author: taejs

chapter9/src/index.js

@@ -2,8 +2,6 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import './index.css';
 import App from './App';
-import { rateColor, removeColor } from './actions';
-import {sortFunction} from 'lib/array-helpers';
 import * as serviceWorker from './serviceWorker';
 
 const colors = {

chapter9/src/lib/array-helpers.js

@@ -0,0 +1,29 @@
+import PropTypes from 'prop-types'
+import '../../../stylesheets/Menu.scss'
+
+const options = {
+    date: "SORTED_BY_DATE",
+    title: "SORTED_BY_TITLE",
+    rating: "SORTED_BY_RATING"
+}
+
+const SortMenu = ({ sort="SORTED_BY_DATE", onSelect=f=>f}) =>
+    <nav className="menu">
+        <h1>Sort Colors</h1>
+        {Object.keys(options).map((item, i) =>
+            <a key={i}
+               href="#"
+               className={(sort === options[item]) ? "selected" : null}
+               onClick={e => {
+                   e.preventDefault()
+                   onSelect(options[item])
+               }}>{item}</a>
+        )}
+    </nav>
+
+SortMenu.propTypes = {
+    sort: PropTypes.string,
+    onSelect: PropTypes.func
+}
+
+export default SortMenu