add enter handlers for edit/create list

react/src/actions/lists.js

@@ -85,9 +85,8 @@ export function removeList() {
     if (json.success) {
       dispatch(removeListFromState(list));
       state = getState();
-      const newList = state.lists.lists[Object.keys(state.lists.lists)[0]]
-        ? state.lists.lists[Object.keys(state.lists.lists)[0]].id
-        : '';
+      const lists = Object.values(state.lists.lists);
+      const newList = lists.length ? lists[lists.length - 1].id : '';
       dispatch(changeList(newList));
     }
     dispatch(validateLists());

react/src/components/Selector.js

@@ -13,7 +13,6 @@ export default function Selector({
   creating,
   addList,
   editList,
-  dirty,
 }) {
   if (creating) {
     let input = null;
@@ -25,6 +24,11 @@ export default function Selector({
           }}
           id="input"
           type="text"
+          onKeyPress={e => {
+            if (e.key === 'Enter') {
+              addList(input.value);
+            }
+          }}
         />
         <button onClick={() => addList(input.value)}>
           <FontAwesomeIcon icon={faPlus} />
@@ -43,6 +47,11 @@ export default function Selector({
           defaultValue={lists.lists[list].name}
           id="input"
           type="text"
+          onKeyPress={e => {
+            if (e.key === 'Enter') {
+              editList(input.value);
+            }
+          }}
         />
         <button onClick={() => editList(input.value)}>
           <FontAwesomeIcon icon={faCheck} />
@@ -78,5 +87,4 @@ Selector.propTypes = {
   editList: PropTypes.func.isRequired,
   addList: PropTypes.func.isRequired,
   lists: PropTypes.object.isRequired,
-  dirty: PropTypes.bool.isRequired,
 };

react/src/components/Todo.js

@@ -69,7 +69,10 @@ class Todo extends React.Component {
         />
       </div>
     ) : (
-      <button className={todoClasses.join(' ')} onClick={this.props.toggleTodo}>
+      <button
+        className={todoClasses.join(' ')}
+        onClick={this.state.hover && this.props.toggleTodo}
+      >
         {this.props.todo.text}
       </button>
     );

react/src/containers/SelectorContainer.js

@@ -12,7 +12,6 @@ function mapStateToProps(state) {
     list: state.lists.list,
     editing,
     creating: state.lists.creating,
-    dirty: state.lists.dirty,
   };
 }