From ee3bf592b9a84fed820640e716e42078d5664882 Mon Sep 17 00:00:00 2001
From: Michael Esch <eschmichael@yandex.com>
Date: Tue, 31 Jul 2018 15:19:10 -0400
Subject: [PATCH 1/2] Add ErrorList component

---
 src/components/App.js       |  8 +++++++-
 src/components/Contest.js   | 11 +++++++++--
 src/components/ErrorList.js | 16 ++++++++++++++++
 3 files changed, 32 insertions(+), 3 deletions(-)
 create mode 100644 src/components/ErrorList.js

diff --git a/src/components/App.js b/src/components/App.js
index fdf7d66..886b394 100644
--- a/src/components/App.js
+++ b/src/components/App.js
@@ -89,6 +89,10 @@ class App extends React.Component {
       }).catch(console.error);
   }
 
+  validateForm = () => {
+
+  }
+
   currentContest() {
     const { contests, currentContestId } = this.state;
     return contests[currentContestId];
@@ -102,7 +106,7 @@ class App extends React.Component {
   }
 
   currentContent() {
-    const { contests, currentContestId } = this.state;
+    const { contests, currentContestId, errors } = this.state;
     if (currentContestId) {
       return (
         <Contest
@@ -110,6 +114,8 @@ class App extends React.Component {
           fetchNames={this.fetchNames}
           lookupName={this.lookupName}
           addName={this.addName}
+          validateForm={this.validateNames}
+          errors={errors}
           {...this.currentContest()}
         />
       );
diff --git a/src/components/Contest.js b/src/components/Contest.js
index 9841f57..1d03dee 100644
--- a/src/components/Contest.js
+++ b/src/components/Contest.js
@@ -1,5 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import ErrorList from './ErrorList';
 
 class Contest extends React.Component {
   componentDidMount() {
@@ -10,8 +11,11 @@ class Contest extends React.Component {
   handleSubmit = (event) => {
     const { addName, _id } = this.props;
     event.preventDefault();
-    addName(this.newNameInput.value, _id);
-    this.newNameInput.value = '';
+    if (this.validateForm()) {
+      addName(this.newNameInput.value, _id);
+      this.newNameInput.value = '';
+    }
+
   }
 
   render() {
@@ -20,6 +24,7 @@ class Contest extends React.Component {
       contestListClick,
       lookupName,
       nameIds,
+      errors,
     } = this.props;
 
     return (
@@ -61,6 +66,7 @@ class Contest extends React.Component {
             </h3>
           </div>
           <div className="panel-body">
+            <ErrorList errors={errors} />
             <form onSubmit={this.handleSubmit}>
               <div className="input-group">
                 <input
@@ -68,6 +74,7 @@ class Contest extends React.Component {
                   placeholder="New Name Here..."
                   ref={(element) => { this.newNameInput = element; }}
                   className="form-control"
+                  required
                 />
                 <span className="input-group-btn">
                   <button type="submit" className="btn btn-info">
diff --git a/src/components/ErrorList.js b/src/components/ErrorList.js
new file mode 100644
index 0000000..47ef0d2
--- /dev/null
+++ b/src/components/ErrorList.js
@@ -0,0 +1,16 @@
+import React from 'react';
+
+const ErrorList = ({ errors }) => {
+  return (
+    <div id="errors">
+      <lh>There are errors!</lh>
+      <ul className="list-group">
+        {errors.map(error => (
+          <li key={} className="list-group-item">
+            {error}
+          </li>
+        ))}
+      </ul>
+    </div>
+  )
+}

From ccadbe399e41a4c19aed7af8400be9d124b26873 Mon Sep 17 00:00:00 2001
From: Michael Esch <eschmichael@yandex.com>
Date: Wed, 1 Aug 2018 17:53:09 -0400
Subject: [PATCH 2/2] Error list

---
 public/bundle.js            | 16 +++++++--
 src/components/App.js       | 66 ++++++++++++++++++++++++-------------
 src/components/Contest.js   | 16 ++++++---
 src/components/ErrorList.js |  6 ++--
 4 files changed, 74 insertions(+), 30 deletions(-)

diff --git a/public/bundle.js b/public/bundle.js
index 114d4c1..bb437a4 100644
--- a/public/bundle.js
+++ b/public/bundle.js
@@ -706,7 +706,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _Header = __webpack_require__(/*! ./Header */ \"./src/components/Header.js\");\n\nvar _Header2 = _interopRequireDefault(_Header);\n\nvar _ContestList = __webpack_require__(/*! ./ContestList */ \"./src/components/ContestList.js\");\n\nvar _ContestList2 = _interopRequireDefault(_ContestList);\n\nvar _Contest = __webpack_require__(/*! ./Contest */ \"./src/components/Contest.js\");\n\nvar _Contest2 = _interopRequireDefault(_Contest);\n\nvar _api = __webpack_require__(/*! ../api */ \"./src/api.js\");\n\nvar api = _interopRequireWildcard(_api);\n\nfunction _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar pushState = function pushState(obj, url) {\n  return window.history.pushState(obj, '', url);\n};\nvar onPopState = function onPopState(handler) {\n  window.onpopstate = handler;\n};\n\nvar App = function (_React$Component) {\n  _inherits(App, _React$Component);\n\n  function App(props) {\n    _classCallCheck(this, App);\n\n    var _this = _possibleConstructorReturn(this, (App.__proto__ || Object.getPrototypeOf(App)).call(this, props));\n\n    _this.fetchContest = function (contestId) {\n      pushState({ currentContestId: contestId }, '/contest/' + contestId);\n      api.fetchContest(contestId).then(function (contest) {\n        _this.setState(function (prevState) {\n          return {\n            currentContestId: contest._id,\n            contests: _extends({}, prevState.contests, _defineProperty({}, contest._id, contest))\n          };\n        });\n      });\n    };\n\n    _this.fetchContestList = function () {\n      pushState({ currentContestId: null }, '/');\n      api.fetchContestList().then(function (contests) {\n        _this.setState({\n          currentContestId: null,\n          contests: contests\n        });\n      });\n    };\n\n    _this.fetchNames = function (nameIds) {\n      if (nameIds.length === 0) return;\n\n      api.fetchNames(nameIds).then(function (names) {\n        _this.setState({ names: names });\n      });\n    };\n\n    _this.lookupName = function (nameId) {\n      var names = _this.state.names;\n\n      return !names || !names[nameId] ? { name: '...' } : names[nameId];\n    };\n\n    _this.addName = function (newName, contestId) {\n      var _this$state = _this.state,\n          contests = _this$state.contests,\n          names = _this$state.names;\n\n      api.addName(newName, contestId).then(function (res) {\n        _this.setState({\n          contests: _extends({}, contests, _defineProperty({}, res.updatedContest._id, res.updatedContest)),\n          names: _extends({}, names, _defineProperty({}, res.newName._id, res.newName))\n        });\n      }).catch(console.error);\n    };\n\n    var initialData = _this.props.initialData;\n\n    _this.state = initialData;\n    return _this;\n  }\n\n  _createClass(App, [{\n    key: 'componentDidMount',\n    value: function componentDidMount() {\n      var _this2 = this;\n\n      onPopState(function (event) {\n        return _this2.setState({ currentContestId: (event.state || {}).currentContestId });\n      });\n    }\n  }, {\n    key: 'componentWillUnmount',\n    value: function componentWillUnmount() {\n      onPopState(null);\n    }\n  }, {\n    key: 'currentContest',\n    value: function currentContest() {\n      var _state = this.state,\n          contests = _state.contests,\n          currentContestId = _state.currentContestId;\n\n      return contests[currentContestId];\n    }\n  }, {\n    key: 'pageHeader',\n    value: function pageHeader() {\n      var currentContestId = this.state.currentContestId;\n\n      return currentContestId ? this.currentContest().contestName : 'Naming Contests';\n    }\n  }, {\n    key: 'currentContent',\n    value: function currentContent() {\n      var _state2 = this.state,\n          contests = _state2.contests,\n          currentContestId = _state2.currentContestId;\n\n      if (currentContestId) {\n        return _react2.default.createElement(_Contest2.default, _extends({\n          contestListClick: this.fetchContestList,\n          fetchNames: this.fetchNames,\n          lookupName: this.lookupName,\n          addName: this.addName\n        }, this.currentContest()));\n      }\n      return _react2.default.createElement(_ContestList2.default, { onContestClick: this.fetchContest, contests: contests });\n    }\n  }, {\n    key: 'render',\n    value: function render() {\n      return _react2.default.createElement(\n        'div',\n        { className: 'App' },\n        _react2.default.createElement(_Header2.default, { message: this.pageHeader() }),\n        this.currentContent()\n      );\n    }\n  }]);\n\n  return App;\n}(_react2.default.Component);\n\nApp.propTypes = {\n  initialData: _propTypes2.default.shape({\n    contests: _propTypes2.default.object\n  }).isRequired\n};\nexports.default = App;//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9BcHAuanMuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vc3JjL2NvbXBvbmVudHMvQXBwLmpzP2UxNWQiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgSGVhZGVyIGZyb20gJy4vSGVhZGVyJztcbmltcG9ydCBDb250ZXN0TGlzdCBmcm9tICcuL0NvbnRlc3RMaXN0JztcbmltcG9ydCBDb250ZXN0IGZyb20gJy4vQ29udGVzdCc7XG5pbXBvcnQgKiBhcyBhcGkgZnJvbSAnLi4vYXBpJztcblxuY29uc3QgcHVzaFN0YXRlID0gKG9iaiwgdXJsKSA9PiB3aW5kb3cuaGlzdG9yeS5wdXNoU3RhdGUob2JqLCAnJywgdXJsKTtcbmNvbnN0IG9uUG9wU3RhdGUgPSAoaGFuZGxlcikgPT4ge1xuICB3aW5kb3cub25wb3BzdGF0ZSA9IGhhbmRsZXI7XG59O1xuXG5jbGFzcyBBcHAgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnQge1xuICBzdGF0aWMgcHJvcFR5cGVzID0ge1xuICAgIGluaXRpYWxEYXRhOiBQcm9wVHlwZXMuc2hhcGUoe1xuICAgICAgY29udGVzdHM6IFByb3BUeXBlcy5vYmplY3QsXG4gICAgfSkuaXNSZXF1aXJlZCxcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKHByb3BzKSB7XG4gICAgc3VwZXIocHJvcHMpO1xuICAgIGNvbnN0IHsgaW5pdGlhbERhdGEgfSA9IHRoaXMucHJvcHM7XG4gICAgdGhpcy5zdGF0ZSA9IGluaXRpYWxEYXRhO1xuICB9XG5cbiAgY29tcG9uZW50RGlkTW91bnQoKSB7XG4gICAgb25Qb3BTdGF0ZShldmVudCA9PiAoXG4gICAgICB0aGlzLnNldFN0YXRlKHsgY3VycmVudENvbnRlc3RJZDogKGV2ZW50LnN0YXRlIHx8IHt9KS5jdXJyZW50Q29udGVzdElkIH0pXG4gICAgKSk7XG4gIH1cblxuICBjb21wb25lbnRXaWxsVW5tb3VudCgpIHtcbiAgICBvblBvcFN0YXRlKG51bGwpO1xuICB9XG5cbiAgZmV0Y2hDb250ZXN0ID0gKGNvbnRlc3RJZCkgPT4ge1xuICAgIHB1c2hTdGF0ZSh7IGN1cnJlbnRDb250ZXN0SWQ6IGNvbnRlc3RJZCB9LCBgL2NvbnRlc3QvJHtjb250ZXN0SWR9YCk7XG4gICAgYXBpLmZldGNoQ29udGVzdChjb250ZXN0SWQpLnRoZW4oKGNvbnRlc3QpID0+IHtcbiAgICAgIHRoaXMuc2V0U3RhdGUocHJldlN0YXRlID0+ICh7XG4gICAgICAgIGN1cnJlbnRDb250ZXN0SWQ6IGNvbnRlc3QuX2lkLFxuICAgICAgICBjb250ZXN0czoge1xuICAgICAgICAgIC4uLnByZXZTdGF0ZS5jb250ZXN0cyxcbiAgICAgICAgICBbY29udGVzdC5faWRdOiBjb250ZXN0LFxuICAgICAgICB9LFxuICAgICAgfSkpO1xuICAgIH0pO1xuICB9XG5cbiAgZmV0Y2hDb250ZXN0TGlzdCA9ICgpID0+IHtcbiAgICBwdXNoU3RhdGUoeyBjdXJyZW50Q29udGVzdElkOiBudWxsIH0sICcvJyk7XG4gICAgYXBpLmZldGNoQ29udGVzdExpc3QoKS50aGVuKChjb250ZXN0cykgPT4ge1xuICAgICAgdGhpcy5zZXRTdGF0ZSh7XG4gICAgICAgIGN1cnJlbnRDb250ZXN0SWQ6IG51bGwsXG4gICAgICAgIGNvbnRlc3RzLFxuICAgICAgfSk7XG4gICAgfSk7XG4gIH07XG5cbiAgZmV0Y2hOYW1lcyA9IChuYW1lSWRzKSA9PiB7XG4gICAgaWYgKG5hbWVJZHMubGVuZ3RoID09PSAwKSByZXR1cm47XG5cbiAgICBhcGkuZmV0Y2hOYW1lcyhuYW1lSWRzKVxuICAgICAgLnRoZW4oKG5hbWVzKSA9PiB7XG4gICAgICAgIHRoaXMuc2V0U3RhdGUoeyBuYW1lcyB9KTtcbiAgICAgIH0pO1xuICB9XG5cbiAgbG9va3VwTmFtZSA9IChuYW1lSWQpID0+IHtcbiAgICBjb25zdCB7IG5hbWVzIH0gPSB0aGlzLnN0YXRlO1xuICAgIHJldHVybiAoIW5hbWVzIHx8ICFuYW1lc1tuYW1lSWRdKVxuICAgICAgPyB7IG5hbWU6ICcuLi4nIH1cbiAgICAgIDogbmFtZXNbbmFtZUlkXTtcbiAgfVxuXG4gIGFkZE5hbWUgPSAobmV3TmFtZSwgY29udGVzdElkKSA9PiB7XG4gICAgY29uc3QgeyBjb250ZXN0cywgbmFtZXMgfSA9IHRoaXMuc3RhdGU7XG4gICAgYXBpLmFkZE5hbWUobmV3TmFtZSwgY29udGVzdElkKVxuICAgICAgLnRoZW4oKHJlcykgPT4ge1xuICAgICAgICB0aGlzLnNldFN0YXRlKHtcbiAgICAgICAgICBjb250ZXN0czoge1xuICAgICAgICAgICAgLi4uY29udGVzdHMsXG4gICAgICAgICAgICBbcmVzLnVwZGF0ZWRDb250ZXN0Ll9pZF06IHJlcy51cGRhdGVkQ29udGVzdCxcbiAgICAgICAgICB9LFxuICAgICAgICAgIG5hbWVzOiB7XG4gICAgICAgICAgICAuLi5uYW1lcyxcbiAgICAgICAgICAgIFtyZXMubmV3TmFtZS5faWRdOiByZXMubmV3TmFtZSxcbiAgICAgICAgICB9LFxuICAgICAgICB9KTtcbiAgICAgIH0pLmNhdGNoKGNvbnNvbGUuZXJyb3IpO1xuICB9XG5cbiAgY3VycmVudENvbnRlc3QoKSB7XG4gICAgY29uc3QgeyBjb250ZXN0cywgY3VycmVudENvbnRlc3RJZCB9ID0gdGhpcy5zdGF0ZTtcbiAgICByZXR1cm4gY29udGVzdHNbY3VycmVudENvbnRlc3RJZF07XG4gIH1cblxuICBwYWdlSGVhZGVyKCkge1xuICAgIGNvbnN0IHsgY3VycmVudENvbnRlc3RJZCB9ID0gdGhpcy5zdGF0ZTtcbiAgICByZXR1cm4gY3VycmVudENvbnRlc3RJZFxuICAgICAgPyB0aGlzLmN1cnJlbnRDb250ZXN0KCkuY29udGVzdE5hbWVcbiAgICAgIDogJ05hbWluZyBDb250ZXN0cyc7XG4gIH1cblxuICBjdXJyZW50Q29udGVudCgpIHtcbiAgICBjb25zdCB7IGNvbnRlc3RzLCBjdXJyZW50Q29udGVzdElkIH0gPSB0aGlzLnN0YXRlO1xuICAgIGlmIChjdXJyZW50Q29udGVzdElkKSB7XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8Q29udGVzdFxuICAgICAgICAgIGNvbnRlc3RMaXN0Q2xpY2s9e3RoaXMuZmV0Y2hDb250ZXN0TGlzdH1cbiAgICAgICAgICBmZXRjaE5hbWVzPXt0aGlzLmZldGNoTmFtZXN9XG4gICAgICAgICAgbG9va3VwTmFtZT17dGhpcy5sb29rdXBOYW1lfVxuICAgICAgICAgIGFkZE5hbWU9e3RoaXMuYWRkTmFtZX1cbiAgICAgICAgICB7Li4udGhpcy5jdXJyZW50Q29udGVzdCgpfVxuICAgICAgICAvPlxuICAgICAgKTtcbiAgICB9XG4gICAgcmV0dXJuIDxDb250ZXN0TGlzdCBvbkNvbnRlc3RDbGljaz17dGhpcy5mZXRjaENvbnRlc3R9IGNvbnRlc3RzPXtjb250ZXN0c30gLz47XG4gIH1cblxuICByZW5kZXIoKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXYgY2xhc3NOYW1lPVwiQXBwXCI+XG4gICAgICAgIDxIZWFkZXIgbWVzc2FnZT17dGhpcy5wYWdlSGVhZGVyKCl9IC8+XG4gICAgICAgIHt0aGlzLmN1cnJlbnRDb250ZW50KCl9XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG59XG5cbmV4cG9ydCBkZWZhdWx0IEFwcDtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7QUFEQTtBQUNBOzs7Ozs7Ozs7Ozs7O0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7O0FBT0E7QUFBQTtBQUNBO0FBREE7QUFDQTtBQURBO0FBaUJBO0FBQ0E7QUFDQTtBQUFBO0FBQ0E7QUFDQTtBQUZBO0FBQUE7QUFPQTtBQUNBO0FBQ0E7QUE1QkE7QUE4QkE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUZBO0FBSUE7QUFDQTtBQUNBO0FBdENBO0FBd0NBO0FBQ0E7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBL0NBO0FBZ0RBO0FBQ0E7QUFDQTtBQUdBO0FBQ0E7QUF0REE7QUF1REE7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUVBO0FBQ0E7QUFJQTtBQUxBO0FBVUE7QUFDQTtBQUNBO0FBdkVBO0FBQ0E7QUFFQTtBQUhBO0FBSUE7QUFDQTs7O0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUFBO0FBR0E7OztBQUVBO0FBQ0E7QUFDQTs7O0FBMERBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBOzs7QUFFQTtBQUFBO0FBQ0E7QUFDQTtBQUdBOzs7QUFFQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBSkE7QUFRQTtBQUNBO0FBQ0E7OztBQUVBO0FBQ0E7QUFDQTtBQUFBO0FBQ0E7QUFDQTtBQUZBO0FBS0E7Ozs7QUFsSEE7QUFDQTtBQURBO0FBRUE7QUFDQTtBQURBO0FBREE7QUFvSEEiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./src/components/App.js\n");
+eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _Header = __webpack_require__(/*! ./Header */ \"./src/components/Header.js\");\n\nvar _Header2 = _interopRequireDefault(_Header);\n\nvar _ContestList = __webpack_require__(/*! ./ContestList */ \"./src/components/ContestList.js\");\n\nvar _ContestList2 = _interopRequireDefault(_ContestList);\n\nvar _Contest = __webpack_require__(/*! ./Contest */ \"./src/components/Contest.js\");\n\nvar _Contest2 = _interopRequireDefault(_Contest);\n\nvar _api = __webpack_require__(/*! ../api */ \"./src/api.js\");\n\nvar api = _interopRequireWildcard(_api);\n\nfunction _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar pushState = function pushState(obj, url) {\n  return window.history.pushState(obj, '', url);\n};\nvar onPopState = function onPopState(handler) {\n  window.onpopstate = handler;\n};\n\nvar App = function (_React$Component) {\n  _inherits(App, _React$Component);\n\n  function App(props) {\n    _classCallCheck(this, App);\n\n    var _this = _possibleConstructorReturn(this, (App.__proto__ || Object.getPrototypeOf(App)).call(this, props));\n\n    _this.fetchContest = function (contestId) {\n      pushState({ currentContestId: contestId }, '/contest/' + contestId);\n      api.fetchContest(contestId).then(function (contest) {\n        _this.setState(function (prevState) {\n          return {\n            currentContestId: contest._id,\n            contests: _extends({}, prevState.contests, _defineProperty({}, contest._id, contest))\n          };\n        });\n      });\n    };\n\n    _this.fetchContestList = function () {\n      pushState({ currentContestId: null }, '/');\n      api.fetchContestList().then(function (contests) {\n        _this.setState({\n          currentContestId: null,\n          contests: contests\n        });\n      });\n    };\n\n    _this.fetchNames = function (nameIds) {\n      if (nameIds.length === 0) return;\n\n      api.fetchNames(nameIds).then(function (names) {\n        _this.setState({ names: names });\n      });\n    };\n\n    _this.lookupName = function (nameId) {\n      var names = _this.state.names;\n\n      return !names || !names[nameId] ? { name: '...' } : names[nameId];\n    };\n\n    _this.addName = function (newName, contestId) {\n      var _this$state = _this.state,\n          contests = _this$state.contests,\n          names = _this$state.names;\n\n      api.addName(newName, contestId).then(function (res) {\n        _this.setState({\n          contests: _extends({}, contests, _defineProperty({}, res.updatedContest._id, res.updatedContest)),\n          names: _extends({}, names, _defineProperty({}, res.newName._id, res.newName))\n        });\n      }).catch(console.error);\n    };\n\n    _this.appendError = function (error) {\n      _this.setState(function (prevState) {\n        return _extends({}, prevState, {\n          errors: _extends({}, prevState.errors, { error: error })\n        });\n      });\n    };\n\n    _this.clearErrors = function () {\n      _this.setState(function (prevState) {\n        return {\n          contests: _extends({}, prevState.contests),\n          names: _extends({}, prevState.names),\n          errors: {}\n        };\n      });\n    };\n\n    _this.validateForm = function (newName) {\n      _this.clearErrors();\n      if (newName === '') {\n        _this.appendError('Name must not be empty');\n        return false;\n      }\n      return true;\n    };\n\n    var initialData = _this.props.initialData;\n\n    _this.state = initialData;\n    return _this;\n  }\n\n  _createClass(App, [{\n    key: 'componentDidMount',\n    value: function componentDidMount() {\n      var _this2 = this;\n\n      onPopState(function (event) {\n        return _this2.setState({ currentContestId: (event.state || {}).currentContestId });\n      });\n    }\n  }, {\n    key: 'componentWillUnmount',\n    value: function componentWillUnmount() {\n      onPopState(null);\n    }\n  }, {\n    key: 'currentContest',\n    value: function currentContest() {\n      var _state = this.state,\n          contests = _state.contests,\n          currentContestId = _state.currentContestId;\n\n      return contests[currentContestId];\n    }\n  }, {\n    key: 'pageHeader',\n    value: function pageHeader() {\n      var currentContestId = this.state.currentContestId;\n\n      return currentContestId ? this.currentContest().contestName : 'Naming Contests';\n    }\n  }, {\n    key: 'currentContent',\n    value: function currentContent() {\n      var _state2 = this.state,\n          contests = _state2.contests,\n          currentContestId = _state2.currentContestId,\n          errors = _state2.errors;\n\n      if (currentContestId) {\n        return _react2.default.createElement(_Contest2.default, _extends({\n          contestListClick: this.fetchContestList,\n          fetchNames: this.fetchNames,\n          lookupName: this.lookupName,\n          addName: this.addName,\n          validateForm: this.validateNames,\n          appendError: this.appendError,\n          errors: errors\n        }, this.currentContest()));\n      }\n      return _react2.default.createElement(_ContestList2.default, { onContestClick: this.fetchContest, contests: contests });\n    }\n  }, {\n    key: 'render',\n    value: function render() {\n      return _react2.default.createElement(\n        'div',\n        { className: 'App' },\n        _react2.default.createElement(_Header2.default, { message: this.pageHeader() }),\n        this.currentContent()\n      );\n    }\n  }]);\n\n  return App;\n}(_react2.default.Component);\n\nApp.propTypes = {\n  initialData: _propTypes2.default.shape({\n    contests: _propTypes2.default.object\n  }).isRequired\n};\nexports.default = App;//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9BcHAuanMuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vc3JjL2NvbXBvbmVudHMvQXBwLmpzP2UxNWQiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgSGVhZGVyIGZyb20gJy4vSGVhZGVyJztcbmltcG9ydCBDb250ZXN0TGlzdCBmcm9tICcuL0NvbnRlc3RMaXN0JztcbmltcG9ydCBDb250ZXN0IGZyb20gJy4vQ29udGVzdCc7XG5pbXBvcnQgKiBhcyBhcGkgZnJvbSAnLi4vYXBpJztcblxuY29uc3QgcHVzaFN0YXRlID0gKG9iaiwgdXJsKSA9PiB3aW5kb3cuaGlzdG9yeS5wdXNoU3RhdGUob2JqLCAnJywgdXJsKTtcbmNvbnN0IG9uUG9wU3RhdGUgPSAoaGFuZGxlcikgPT4ge1xuICB3aW5kb3cub25wb3BzdGF0ZSA9IGhhbmRsZXI7XG59O1xuXG5jbGFzcyBBcHAgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnQge1xuICBzdGF0aWMgcHJvcFR5cGVzID0ge1xuICAgIGluaXRpYWxEYXRhOiBQcm9wVHlwZXMuc2hhcGUoe1xuICAgICAgY29udGVzdHM6IFByb3BUeXBlcy5vYmplY3QsXG4gICAgfSkuaXNSZXF1aXJlZCxcbiAgfTtcblxuICBjb25zdHJ1Y3Rvcihwcm9wcykge1xuICAgIHN1cGVyKHByb3BzKTtcbiAgICBjb25zdCB7IGluaXRpYWxEYXRhIH0gPSB0aGlzLnByb3BzO1xuICAgIHRoaXMuc3RhdGUgPSBpbml0aWFsRGF0YTtcbiAgfVxuXG4gIGNvbXBvbmVudERpZE1vdW50KCkge1xuICAgIG9uUG9wU3RhdGUoZXZlbnQgPT4gdGhpcy5zZXRTdGF0ZSh7IGN1cnJlbnRDb250ZXN0SWQ6IChldmVudC5zdGF0ZSB8fCB7fSkuY3VycmVudENvbnRlc3RJZCB9KSk7XG4gIH1cblxuICBjb21wb25lbnRXaWxsVW5tb3VudCgpIHtcbiAgICBvblBvcFN0YXRlKG51bGwpO1xuICB9XG5cbiAgZmV0Y2hDb250ZXN0ID0gKGNvbnRlc3RJZCkgPT4ge1xuICAgIHB1c2hTdGF0ZSh7IGN1cnJlbnRDb250ZXN0SWQ6IGNvbnRlc3RJZCB9LCBgL2NvbnRlc3QvJHtjb250ZXN0SWR9YCk7XG4gICAgYXBpLmZldGNoQ29udGVzdChjb250ZXN0SWQpLnRoZW4oKGNvbnRlc3QpID0+IHtcbiAgICAgIHRoaXMuc2V0U3RhdGUocHJldlN0YXRlID0+ICh7XG4gICAgICAgIGN1cnJlbnRDb250ZXN0SWQ6IGNvbnRlc3QuX2lkLFxuICAgICAgICBjb250ZXN0czoge1xuICAgICAgICAgIC4uLnByZXZTdGF0ZS5jb250ZXN0cyxcbiAgICAgICAgICBbY29udGVzdC5faWRdOiBjb250ZXN0LFxuICAgICAgICB9LFxuICAgICAgfSkpO1xuICAgIH0pO1xuICB9O1xuXG4gIGZldGNoQ29udGVzdExpc3QgPSAoKSA9PiB7XG4gICAgcHVzaFN0YXRlKHsgY3VycmVudENvbnRlc3RJZDogbnVsbCB9LCAnLycpO1xuICAgIGFwaS5mZXRjaENvbnRlc3RMaXN0KCkudGhlbigoY29udGVzdHMpID0+IHtcbiAgICAgIHRoaXMuc2V0U3RhdGUoe1xuICAgICAgICBjdXJyZW50Q29udGVzdElkOiBudWxsLFxuICAgICAgICBjb250ZXN0cyxcbiAgICAgIH0pO1xuICAgIH0pO1xuICB9O1xuXG4gIGZldGNoTmFtZXMgPSAobmFtZUlkcykgPT4ge1xuICAgIGlmIChuYW1lSWRzLmxlbmd0aCA9PT0gMCkgcmV0dXJuO1xuXG4gICAgYXBpLmZldGNoTmFtZXMobmFtZUlkcykudGhlbigobmFtZXMpID0+IHtcbiAgICAgIHRoaXMuc2V0U3RhdGUoeyBuYW1lcyB9KTtcbiAgICB9KTtcbiAgfTtcblxuICBsb29rdXBOYW1lID0gKG5hbWVJZCkgPT4ge1xuICAgIGNvbnN0IHsgbmFtZXMgfSA9IHRoaXMuc3RhdGU7XG4gICAgcmV0dXJuICFuYW1lcyB8fCAhbmFtZXNbbmFtZUlkXSA/IHsgbmFtZTogJy4uLicgfSA6IG5hbWVzW25hbWVJZF07XG4gIH07XG5cbiAgYWRkTmFtZSA9IChuZXdOYW1lLCBjb250ZXN0SWQpID0+IHtcbiAgICBjb25zdCB7IGNvbnRlc3RzLCBuYW1lcyB9ID0gdGhpcy5zdGF0ZTtcbiAgICBhcGlcbiAgICAgIC5hZGROYW1lKG5ld05hbWUsIGNvbnRlc3RJZClcbiAgICAgIC50aGVuKChyZXMpID0+IHtcbiAgICAgICAgdGhpcy5zZXRTdGF0ZSh7XG4gICAgICAgICAgY29udGVzdHM6IHtcbiAgICAgICAgICAgIC4uLmNvbnRlc3RzLFxuICAgICAgICAgICAgW3Jlcy51cGRhdGVkQ29udGVzdC5faWRdOiByZXMudXBkYXRlZENvbnRlc3QsXG4gICAgICAgICAgfSxcbiAgICAgICAgICBuYW1lczoge1xuICAgICAgICAgICAgLi4ubmFtZXMsXG4gICAgICAgICAgICBbcmVzLm5ld05hbWUuX2lkXTogcmVzLm5ld05hbWUsXG4gICAgICAgICAgfSxcbiAgICAgICAgfSk7XG4gICAgICB9KVxuICAgICAgLmNhdGNoKGNvbnNvbGUuZXJyb3IpO1xuICB9O1xuXG4gIGFwcGVuZEVycm9yID0gKGVycm9yKSA9PiB7XG4gICAgdGhpcy5zZXRTdGF0ZShwcmV2U3RhdGUgPT4gKHtcbiAgICAgIC4uLnByZXZTdGF0ZSxcbiAgICAgIGVycm9yczogeyAuLi5wcmV2U3RhdGUuZXJyb3JzLCBlcnJvciB9LFxuICAgIH0pKTtcbiAgfTtcblxuICBjbGVhckVycm9ycyA9ICgpID0+IHtcbiAgICB0aGlzLnNldFN0YXRlKHByZXZTdGF0ZSA9PiAoe1xuICAgICAgY29udGVzdHM6IHtcbiAgICAgICAgLi4ucHJldlN0YXRlLmNvbnRlc3RzLFxuICAgICAgfSxcbiAgICAgIG5hbWVzOiB7XG4gICAgICAgIC4uLnByZXZTdGF0ZS5uYW1lcyxcbiAgICAgIH0sXG4gICAgICBlcnJvcnM6IHtcblxuICAgICAgfSxcbiAgICB9KSk7XG4gIH07XG5cbiAgdmFsaWRhdGVGb3JtID0gKG5ld05hbWUpID0+IHtcbiAgICB0aGlzLmNsZWFyRXJyb3JzKCk7XG4gICAgaWYgKG5ld05hbWUgPT09ICcnKSB7XG4gICAgICB0aGlzLmFwcGVuZEVycm9yKCdOYW1lIG11c3Qgbm90IGJlIGVtcHR5Jyk7XG4gICAgICByZXR1cm4gZmFsc2U7XG4gICAgfVxuICAgIHJldHVybiB0cnVlO1xuICB9O1xuXG4gIGN1cnJlbnRDb250ZXN0KCkge1xuICAgIGNvbnN0IHsgY29udGVzdHMsIGN1cnJlbnRDb250ZXN0SWQgfSA9IHRoaXMuc3RhdGU7XG4gICAgcmV0dXJuIGNvbnRlc3RzW2N1cnJlbnRDb250ZXN0SWRdO1xuICB9XG5cbiAgcGFnZUhlYWRlcigpIHtcbiAgICBjb25zdCB7IGN1cnJlbnRDb250ZXN0SWQgfSA9IHRoaXMuc3RhdGU7XG4gICAgcmV0dXJuIGN1cnJlbnRDb250ZXN0SWQgPyB0aGlzLmN1cnJlbnRDb250ZXN0KCkuY29udGVzdE5hbWUgOiAnTmFtaW5nIENvbnRlc3RzJztcbiAgfVxuXG4gIGN1cnJlbnRDb250ZW50KCkge1xuICAgIGNvbnN0IHsgY29udGVzdHMsIGN1cnJlbnRDb250ZXN0SWQsIGVycm9ycyB9ID0gdGhpcy5zdGF0ZTtcbiAgICBpZiAoY3VycmVudENvbnRlc3RJZCkge1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPENvbnRlc3RcbiAgICAgICAgICBjb250ZXN0TGlzdENsaWNrPXt0aGlzLmZldGNoQ29udGVzdExpc3R9XG4gICAgICAgICAgZmV0Y2hOYW1lcz17dGhpcy5mZXRjaE5hbWVzfVxuICAgICAgICAgIGxvb2t1cE5hbWU9e3RoaXMubG9va3VwTmFtZX1cbiAgICAgICAgICBhZGROYW1lPXt0aGlzLmFkZE5hbWV9XG4gICAgICAgICAgdmFsaWRhdGVGb3JtPXt0aGlzLnZhbGlkYXRlTmFtZXN9XG4gICAgICAgICAgYXBwZW5kRXJyb3I9e3RoaXMuYXBwZW5kRXJyb3J9XG4gICAgICAgICAgZXJyb3JzPXtlcnJvcnN9XG4gICAgICAgICAgey4uLnRoaXMuY3VycmVudENvbnRlc3QoKX1cbiAgICAgICAgLz5cbiAgICAgICk7XG4gICAgfVxuICAgIHJldHVybiA8Q29udGVzdExpc3Qgb25Db250ZXN0Q2xpY2s9e3RoaXMuZmV0Y2hDb250ZXN0fSBjb250ZXN0cz17Y29udGVzdHN9IC8+O1xuICB9XG5cbiAgcmVuZGVyKCkge1xuICAgIHJldHVybiAoXG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cIkFwcFwiPlxuICAgICAgICA8SGVhZGVyIG1lc3NhZ2U9e3RoaXMucGFnZUhlYWRlcigpfSAvPlxuICAgICAgICB7dGhpcy5jdXJyZW50Q29udGVudCgpfVxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfVxufVxuXG5leHBvcnQgZGVmYXVsdCBBcHA7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7QUFBQTtBQUNBOzs7QUFBQTtBQUNBOzs7QUFBQTtBQUNBOzs7QUFBQTtBQUNBOzs7QUFBQTtBQUNBOzs7QUFBQTtBQUNBO0FBREE7QUFDQTs7Ozs7Ozs7Ozs7OztBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7OztBQU9BO0FBQUE7QUFDQTtBQURBO0FBQ0E7QUFEQTtBQWVBO0FBQ0E7QUFDQTtBQUFBO0FBQ0E7QUFDQTtBQUZBO0FBQUE7QUFPQTtBQUNBO0FBQ0E7QUExQkE7QUE0QkE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUZBO0FBSUE7QUFDQTtBQUNBO0FBcENBO0FBc0NBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBNUNBO0FBNkNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFqREE7QUFrREE7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUdBO0FBQ0E7QUFJQTtBQUxBO0FBVUE7QUFFQTtBQUNBO0FBcEVBO0FBc0VBO0FBQUE7QUFFQTtBQUZBO0FBQUE7QUFJQTtBQUNBO0FBM0VBO0FBNkVBO0FBQUE7QUFDQTtBQUdBO0FBR0E7QUFQQTtBQUFBO0FBV0E7QUFDQTtBQXpGQTtBQTJGQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBbEdBO0FBQ0E7QUFFQTtBQUhBO0FBSUE7QUFDQTs7O0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7OztBQUVBO0FBQ0E7QUFDQTs7O0FBdUZBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBOzs7QUFFQTtBQUFBO0FBQ0E7QUFDQTtBQUNBOzs7QUFFQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFQQTtBQVdBO0FBQ0E7QUFDQTs7O0FBRUE7QUFDQTtBQUNBO0FBQUE7QUFDQTtBQUNBO0FBRkE7QUFLQTs7OztBQTlJQTtBQUNBO0FBREE7QUFFQTtBQUNBO0FBREE7QUFEQTtBQWdKQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./src/components/App.js\n");
 
 /***/ }),
 
@@ -718,7 +718,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar Contest = function (_React$Component) {\n  _inherits(Contest, _React$Component);\n\n  function Contest() {\n    var _ref;\n\n    var _temp, _this, _ret;\n\n    _classCallCheck(this, Contest);\n\n    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = Contest.__proto__ || Object.getPrototypeOf(Contest)).call.apply(_ref, [this].concat(args))), _this), _this.handleSubmit = function (event) {\n      var _this$props = _this.props,\n          addName = _this$props.addName,\n          _id = _this$props._id;\n\n      event.preventDefault();\n      addName(_this.newNameInput.value, _id);\n      _this.newNameInput.value = '';\n    }, _temp), _possibleConstructorReturn(_this, _ret);\n  }\n\n  _createClass(Contest, [{\n    key: 'componentDidMount',\n    value: function componentDidMount() {\n      var _props = this.props,\n          fetchNames = _props.fetchNames,\n          nameIds = _props.nameIds;\n\n      fetchNames(nameIds);\n    }\n  }, {\n    key: 'render',\n    value: function render() {\n      var _this2 = this;\n\n      var _props2 = this.props,\n          description = _props2.description,\n          contestListClick = _props2.contestListClick,\n          lookupName = _props2.lookupName,\n          nameIds = _props2.nameIds;\n\n\n      return _react2.default.createElement(\n        'div',\n        { className: 'Contest' },\n        _react2.default.createElement(\n          'div',\n          { className: 'panel panel-default' },\n          _react2.default.createElement(\n            'div',\n            { className: 'panel-heading' },\n            _react2.default.createElement(\n              'h3',\n              { className: 'panel-title' },\n              'Contest Description'\n            )\n          ),\n          _react2.default.createElement(\n            'div',\n            { className: 'panel-body' },\n            _react2.default.createElement(\n              'div',\n              { className: 'contest-description' },\n              description\n            )\n          )\n        ),\n        _react2.default.createElement(\n          'div',\n          { className: 'panel panel-default' },\n          _react2.default.createElement(\n            'div',\n            { className: 'panel-heading' },\n            _react2.default.createElement(\n              'h3',\n              { className: 'panel-title' },\n              'Proposed Names'\n            )\n          ),\n          _react2.default.createElement(\n            'div',\n            { className: 'panel-body' },\n            _react2.default.createElement(\n              'ul',\n              { className: 'list-group' },\n              nameIds.map(function (nameId) {\n                return _react2.default.createElement(\n                  'li',\n                  { key: nameId, className: 'list-group-item' },\n                  lookupName(nameId).name\n                );\n              })\n            )\n          )\n        ),\n        _react2.default.createElement(\n          'div',\n          { className: 'panel panel-info' },\n          _react2.default.createElement(\n            'div',\n            { className: 'panel-heading' },\n            _react2.default.createElement(\n              'h3',\n              { className: 'panel-title' },\n              'Propose a New Name'\n            )\n          ),\n          _react2.default.createElement(\n            'div',\n            { className: 'panel-body' },\n            _react2.default.createElement(\n              'form',\n              { onSubmit: this.handleSubmit },\n              _react2.default.createElement(\n                'div',\n                { className: 'input-group' },\n                _react2.default.createElement('input', {\n                  type: 'text',\n                  placeholder: 'New Name Here...',\n                  ref: function ref(element) {\n                    _this2.newNameInput = element;\n                  },\n                  className: 'form-control'\n                }),\n                _react2.default.createElement(\n                  'span',\n                  { className: 'input-group-btn' },\n                  _react2.default.createElement(\n                    'button',\n                    { type: 'submit', className: 'btn btn-info' },\n                    'Sumbit'\n                  )\n                )\n              )\n            )\n          )\n        ),\n        _react2.default.createElement(\n          'div',\n          { className: 'home-link link', role: 'link', tabIndex: 0, onClick: contestListClick },\n          'Contest List'\n        )\n      );\n    }\n  }]);\n\n  return Contest;\n}(_react2.default.Component);\n\nContest.propTypes = {\n  _id: _propTypes2.default.string.isRequired,\n  description: _propTypes2.default.string.isRequired,\n  contestListClick: _propTypes2.default.func.isRequired,\n  fetchNames: _propTypes2.default.func.isRequired,\n  nameIds: _propTypes2.default.arrayOf(_propTypes2.default.number).isRequired,\n  lookupName: _propTypes2.default.func.isRequired,\n  addName: _propTypes2.default.func.isRequired\n};\n\nexports.default = Contest;//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9Db250ZXN0LmpzLmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vL3NyYy9jb21wb25lbnRzL0NvbnRlc3QuanM/MDc0MyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcblxuY2xhc3MgQ29udGVzdCBleHRlbmRzIFJlYWN0LkNvbXBvbmVudCB7XG4gIGNvbXBvbmVudERpZE1vdW50KCkge1xuICAgIGNvbnN0IHsgZmV0Y2hOYW1lcywgbmFtZUlkcyB9ID0gdGhpcy5wcm9wcztcbiAgICBmZXRjaE5hbWVzKG5hbWVJZHMpO1xuICB9XG5cbiAgaGFuZGxlU3VibWl0ID0gKGV2ZW50KSA9PiB7XG4gICAgY29uc3QgeyBhZGROYW1lLCBfaWQgfSA9IHRoaXMucHJvcHM7XG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICBhZGROYW1lKHRoaXMubmV3TmFtZUlucHV0LnZhbHVlLCBfaWQpO1xuICAgIHRoaXMubmV3TmFtZUlucHV0LnZhbHVlID0gJyc7XG4gIH1cblxuICByZW5kZXIoKSB7XG4gICAgY29uc3Qge1xuICAgICAgZGVzY3JpcHRpb24sXG4gICAgICBjb250ZXN0TGlzdENsaWNrLFxuICAgICAgbG9va3VwTmFtZSxcbiAgICAgIG5hbWVJZHMsXG4gICAgfSA9IHRoaXMucHJvcHM7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGRpdiBjbGFzc05hbWU9XCJDb250ZXN0XCI+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPVwicGFuZWwgcGFuZWwtZGVmYXVsdFwiPlxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwicGFuZWwtaGVhZGluZ1wiPlxuICAgICAgICAgICAgPGgzIGNsYXNzTmFtZT1cInBhbmVsLXRpdGxlXCI+XG4gICAgICAgICAgICAgIENvbnRlc3QgRGVzY3JpcHRpb25cbiAgICAgICAgICAgIDwvaDM+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJwYW5lbC1ib2R5XCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImNvbnRlc3QtZGVzY3JpcHRpb25cIj5cbiAgICAgICAgICAgICAge2Rlc2NyaXB0aW9ufVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPVwicGFuZWwgcGFuZWwtZGVmYXVsdFwiPlxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwicGFuZWwtaGVhZGluZ1wiPlxuICAgICAgICAgICAgPGgzIGNsYXNzTmFtZT1cInBhbmVsLXRpdGxlXCI+XG4gICAgICAgICAgICAgIFByb3Bvc2VkIE5hbWVzXG4gICAgICAgICAgICA8L2gzPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwicGFuZWwtYm9keVwiPlxuICAgICAgICAgICAgPHVsIGNsYXNzTmFtZT1cImxpc3QtZ3JvdXBcIj5cbiAgICAgICAgICAgICAge25hbWVJZHMubWFwKG5hbWVJZCA9PiAoXG4gICAgICAgICAgICAgICAgPGxpIGtleT17bmFtZUlkfSBjbGFzc05hbWU9XCJsaXN0LWdyb3VwLWl0ZW1cIj5cbiAgICAgICAgICAgICAgICAgIHtsb29rdXBOYW1lKG5hbWVJZCkubmFtZX1cbiAgICAgICAgICAgICAgICA8L2xpPlxuICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgIDwvdWw+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPVwicGFuZWwgcGFuZWwtaW5mb1wiPlxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwicGFuZWwtaGVhZGluZ1wiPlxuICAgICAgICAgICAgPGgzIGNsYXNzTmFtZT1cInBhbmVsLXRpdGxlXCI+XG4gICAgICAgICAgICAgIFByb3Bvc2UgYSBOZXcgTmFtZVxuICAgICAgICAgICAgPC9oMz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cInBhbmVsLWJvZHlcIj5cbiAgICAgICAgICAgIDxmb3JtIG9uU3VibWl0PXt0aGlzLmhhbmRsZVN1Ym1pdH0+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiaW5wdXQtZ3JvdXBcIj5cbiAgICAgICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgICAgICAgICAgIHBsYWNlaG9sZGVyPVwiTmV3IE5hbWUgSGVyZS4uLlwiXG4gICAgICAgICAgICAgICAgICByZWY9eyhlbGVtZW50KSA9PiB7IHRoaXMubmV3TmFtZUlucHV0ID0gZWxlbWVudDsgfX1cbiAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT1cImZvcm0tY29udHJvbFwiXG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9XCJpbnB1dC1ncm91cC1idG5cIj5cbiAgICAgICAgICAgICAgICAgIDxidXR0b24gdHlwZT1cInN1Ym1pdFwiIGNsYXNzTmFtZT1cImJ0biBidG4taW5mb1wiPlxuICAgICAgICAgICAgICAgICAgICBTdW1iaXRcbiAgICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Zvcm0+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiaG9tZS1saW5rIGxpbmtcIiByb2xlPVwibGlua1wiIHRhYkluZGV4PXswfSBvbkNsaWNrPXtjb250ZXN0TGlzdENsaWNrfT5cbiAgICAgICAgICBDb250ZXN0IExpc3RcbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG59XG5cbkNvbnRlc3QucHJvcFR5cGVzID0ge1xuICBfaWQ6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgZGVzY3JpcHRpb246IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgY29udGVzdExpc3RDbGljazogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgZmV0Y2hOYW1lczogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgbmFtZUlkczogUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLm51bWJlcikuaXNSZXF1aXJlZCxcbiAgbG9va3VwTmFtZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgYWRkTmFtZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENvbnRlc3Q7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7Ozs7Ozs7Ozs7QUFDQTs7Ozs7Ozs7Ozs7Ozs7QUFNQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7Ozs7O0FBVkE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7OztBQVNBO0FBQUE7QUFDQTtBQURBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBTUE7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQURBO0FBS0E7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFEQTtBQURBO0FBTkE7QUFhQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBREE7QUFLQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUNBO0FBREE7QUFEQTtBQURBO0FBREE7QUFOQTtBQWlCQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBREE7QUFLQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUpBO0FBTUE7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQURBO0FBUEE7QUFEQTtBQURBO0FBTkE7QUF5QkE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQXhEQTtBQTZEQTs7OztBQW5GQTtBQUNBO0FBcUZBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFQQTtBQUNBO0FBU0EiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./src/components/Contest.js\n");
+eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _ErrorList = __webpack_require__(/*! ./ErrorList */ \"./src/components/ErrorList.js\");\n\nvar _ErrorList2 = _interopRequireDefault(_ErrorList);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar Contest = function (_React$Component) {\n  _inherits(Contest, _React$Component);\n\n  function Contest() {\n    var _ref;\n\n    var _temp, _this, _ret;\n\n    _classCallCheck(this, Contest);\n\n    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = Contest.__proto__ || Object.getPrototypeOf(Contest)).call.apply(_ref, [this].concat(args))), _this), _this.handleSubmit = function (event) {\n      var _this$props = _this.props,\n          addName = _this$props.addName,\n          validateForm = _this$props.validateForm,\n          appendError = _this$props.appendError,\n          _id = _this$props._id;\n      var newName = _this.newNameInput.value;\n\n      event.preventDefault();\n      if (validateForm(newName)) {\n        addName(newName, _id);\n        _this.newNameInput.value = '';\n      } else {\n        appendError('Form has errors, cannot submit!');\n      }\n    }, _temp), _possibleConstructorReturn(_this, _ret);\n  }\n\n  _createClass(Contest, [{\n    key: 'componentDidMount',\n    value: function componentDidMount() {\n      var _props = this.props,\n          fetchNames = _props.fetchNames,\n          nameIds = _props.nameIds;\n\n      fetchNames(nameIds);\n    }\n  }, {\n    key: 'render',\n    value: function render() {\n      var _this2 = this;\n\n      var _props2 = this.props,\n          description = _props2.description,\n          contestListClick = _props2.contestListClick,\n          lookupName = _props2.lookupName,\n          nameIds = _props2.nameIds,\n          errors = _props2.errors;\n\n\n      return _react2.default.createElement(\n        'div',\n        { className: 'Contest' },\n        _react2.default.createElement(\n          'div',\n          { className: 'panel panel-default' },\n          _react2.default.createElement(\n            'div',\n            { className: 'panel-heading' },\n            _react2.default.createElement(\n              'h3',\n              { className: 'panel-title' },\n              'Contest Description'\n            )\n          ),\n          _react2.default.createElement(\n            'div',\n            { className: 'panel-body' },\n            _react2.default.createElement(\n              'div',\n              { className: 'contest-description' },\n              description\n            )\n          )\n        ),\n        _react2.default.createElement(\n          'div',\n          { className: 'panel panel-default' },\n          _react2.default.createElement(\n            'div',\n            { className: 'panel-heading' },\n            _react2.default.createElement(\n              'h3',\n              { className: 'panel-title' },\n              'Proposed Names'\n            )\n          ),\n          _react2.default.createElement(\n            'div',\n            { className: 'panel-body' },\n            _react2.default.createElement(\n              'ul',\n              { className: 'list-group' },\n              nameIds.map(function (nameId) {\n                return _react2.default.createElement(\n                  'li',\n                  { key: nameId, className: 'list-group-item' },\n                  lookupName(nameId).name\n                );\n              })\n            )\n          )\n        ),\n        _react2.default.createElement(\n          'div',\n          { className: 'panel panel-info' },\n          _react2.default.createElement(\n            'div',\n            { className: 'panel-heading' },\n            _react2.default.createElement(\n              'h3',\n              { className: 'panel-title' },\n              'Propose a New Name'\n            )\n          ),\n          _react2.default.createElement(\n            'div',\n            { className: 'panel-body' },\n            _react2.default.createElement(_ErrorList2.default, { errors: errors }),\n            _react2.default.createElement(\n              'form',\n              { onSubmit: this.handleSubmit },\n              _react2.default.createElement(\n                'div',\n                { className: 'input-group' },\n                _react2.default.createElement('input', {\n                  type: 'text',\n                  placeholder: 'New Name Here...',\n                  ref: function ref(element) {\n                    _this2.newNameInput = element;\n                  },\n                  className: 'form-control',\n                  required: true\n                }),\n                _react2.default.createElement(\n                  'span',\n                  { className: 'input-group-btn' },\n                  _react2.default.createElement(\n                    'button',\n                    { type: 'submit', className: 'btn btn-info' },\n                    'Sumbit'\n                  )\n                )\n              )\n            )\n          )\n        ),\n        _react2.default.createElement(\n          'div',\n          { className: 'home-link link', role: 'link', tabIndex: 0, onClick: contestListClick },\n          'Contest List'\n        )\n      );\n    }\n  }]);\n\n  return Contest;\n}(_react2.default.Component);\n\nContest.propTypes = {\n  _id: _propTypes2.default.string.isRequired,\n  description: _propTypes2.default.string.isRequired,\n  contestListClick: _propTypes2.default.func.isRequired,\n  fetchNames: _propTypes2.default.func.isRequired,\n  nameIds: _propTypes2.default.arrayOf(_propTypes2.default.number).isRequired,\n  lookupName: _propTypes2.default.func.isRequired,\n  addName: _propTypes2.default.func.isRequired,\n  validateForm: _propTypes2.default.func.isRequired,\n  errors: _propTypes2.default.shape({\n    id: _propTypes2.default.number,\n    error: _propTypes2.default.string\n  }).isRequired,\n  appendError: _propTypes2.default.func.isRequired\n};\n\nexports.default = Contest;//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9Db250ZXN0LmpzLmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vL3NyYy9jb21wb25lbnRzL0NvbnRlc3QuanM/MDc0MyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBFcnJvckxpc3QgZnJvbSAnLi9FcnJvckxpc3QnO1xuXG5jbGFzcyBDb250ZXN0IGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgY29tcG9uZW50RGlkTW91bnQoKSB7XG4gICAgY29uc3QgeyBmZXRjaE5hbWVzLCBuYW1lSWRzIH0gPSB0aGlzLnByb3BzO1xuICAgIGZldGNoTmFtZXMobmFtZUlkcyk7XG4gIH1cblxuICBoYW5kbGVTdWJtaXQgPSAoZXZlbnQpID0+IHtcbiAgICBjb25zdCB7IGFkZE5hbWUsIHZhbGlkYXRlRm9ybSwgYXBwZW5kRXJyb3IsIF9pZCB9ID0gdGhpcy5wcm9wcztcbiAgICBjb25zdCB7IHZhbHVlOiBuZXdOYW1lIH0gPSB0aGlzLm5ld05hbWVJbnB1dDtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIGlmICh2YWxpZGF0ZUZvcm0obmV3TmFtZSkpIHtcbiAgICAgIGFkZE5hbWUobmV3TmFtZSwgX2lkKTtcbiAgICAgIHRoaXMubmV3TmFtZUlucHV0LnZhbHVlID0gJyc7XG4gICAgfSBlbHNlIHtcbiAgICAgIGFwcGVuZEVycm9yKCdGb3JtIGhhcyBlcnJvcnMsIGNhbm5vdCBzdWJtaXQhJyk7XG4gICAgfVxuICB9XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHtcbiAgICAgIGRlc2NyaXB0aW9uLFxuICAgICAgY29udGVzdExpc3RDbGljayxcbiAgICAgIGxvb2t1cE5hbWUsXG4gICAgICBuYW1lSWRzLFxuICAgICAgZXJyb3JzLFxuICAgIH0gPSB0aGlzLnByb3BzO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXYgY2xhc3NOYW1lPVwiQ29udGVzdFwiPlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cInBhbmVsIHBhbmVsLWRlZmF1bHRcIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cInBhbmVsLWhlYWRpbmdcIj5cbiAgICAgICAgICAgIDxoMyBjbGFzc05hbWU9XCJwYW5lbC10aXRsZVwiPlxuICAgICAgICAgICAgICBDb250ZXN0IERlc2NyaXB0aW9uXG4gICAgICAgICAgICA8L2gzPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwicGFuZWwtYm9keVwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJjb250ZXN0LWRlc2NyaXB0aW9uXCI+XG4gICAgICAgICAgICAgIHtkZXNjcmlwdGlvbn1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cInBhbmVsIHBhbmVsLWRlZmF1bHRcIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cInBhbmVsLWhlYWRpbmdcIj5cbiAgICAgICAgICAgIDxoMyBjbGFzc05hbWU9XCJwYW5lbC10aXRsZVwiPlxuICAgICAgICAgICAgICBQcm9wb3NlZCBOYW1lc1xuICAgICAgICAgICAgPC9oMz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cInBhbmVsLWJvZHlcIj5cbiAgICAgICAgICAgIDx1bCBjbGFzc05hbWU9XCJsaXN0LWdyb3VwXCI+XG4gICAgICAgICAgICAgIHtuYW1lSWRzLm1hcChuYW1lSWQgPT4gKFxuICAgICAgICAgICAgICAgIDxsaSBrZXk9e25hbWVJZH0gY2xhc3NOYW1lPVwibGlzdC1ncm91cC1pdGVtXCI+XG4gICAgICAgICAgICAgICAgICB7bG9va3VwTmFtZShuYW1lSWQpLm5hbWV9XG4gICAgICAgICAgICAgICAgPC9saT5cbiAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICA8L3VsPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cInBhbmVsIHBhbmVsLWluZm9cIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cInBhbmVsLWhlYWRpbmdcIj5cbiAgICAgICAgICAgIDxoMyBjbGFzc05hbWU9XCJwYW5lbC10aXRsZVwiPlxuICAgICAgICAgICAgICBQcm9wb3NlIGEgTmV3IE5hbWVcbiAgICAgICAgICAgIDwvaDM+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJwYW5lbC1ib2R5XCI+XG4gICAgICAgICAgICA8RXJyb3JMaXN0IGVycm9ycz17ZXJyb3JzfSAvPlxuICAgICAgICAgICAgPGZvcm0gb25TdWJtaXQ9e3RoaXMuaGFuZGxlU3VibWl0fT5cbiAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJpbnB1dC1ncm91cFwiPlxuICAgICAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9XCJOZXcgTmFtZSBIZXJlLi4uXCJcbiAgICAgICAgICAgICAgICAgIHJlZj17KGVsZW1lbnQpID0+IHsgdGhpcy5uZXdOYW1lSW5wdXQgPSBlbGVtZW50OyB9fVxuICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPVwiZm9ybS1jb250cm9sXCJcbiAgICAgICAgICAgICAgICAgIHJlcXVpcmVkXG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9XCJpbnB1dC1ncm91cC1idG5cIj5cbiAgICAgICAgICAgICAgICAgIDxidXR0b24gdHlwZT1cInN1Ym1pdFwiIGNsYXNzTmFtZT1cImJ0biBidG4taW5mb1wiPlxuICAgICAgICAgICAgICAgICAgICBTdW1iaXRcbiAgICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Zvcm0+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiaG9tZS1saW5rIGxpbmtcIiByb2xlPVwibGlua1wiIHRhYkluZGV4PXswfSBvbkNsaWNrPXtjb250ZXN0TGlzdENsaWNrfT5cbiAgICAgICAgICBDb250ZXN0IExpc3RcbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG59XG5cbkNvbnRlc3QucHJvcFR5cGVzID0ge1xuICBfaWQ6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgZGVzY3JpcHRpb246IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgY29udGVzdExpc3RDbGljazogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgZmV0Y2hOYW1lczogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgbmFtZUlkczogUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLm51bWJlcikuaXNSZXF1aXJlZCxcbiAgbG9va3VwTmFtZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgYWRkTmFtZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgdmFsaWRhdGVGb3JtOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBlcnJvcnM6IFByb3BUeXBlcy5zaGFwZSh7XG4gICAgaWQ6IFByb3BUeXBlcy5udW1iZXIsXG4gICAgZXJyb3I6IFByb3BUeXBlcy5zdHJpbmcsXG4gIH0pLmlzUmVxdWlyZWQsXG4gIGFwcGVuZEVycm9yOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgQ29udGVzdDtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7QUFBQTtBQUNBOzs7QUFBQTtBQUNBOzs7QUFBQTtBQUNBOzs7Ozs7Ozs7OztBQUNBOzs7Ozs7Ozs7Ozs7OztBQU1BO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOzs7OztBQWZBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBOzs7QUFjQTtBQUFBO0FBQ0E7QUFEQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBT0E7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQURBO0FBS0E7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFEQTtBQURBO0FBTkE7QUFhQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBREE7QUFLQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUNBO0FBREE7QUFEQTtBQURBO0FBREE7QUFOQTtBQWlCQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBREE7QUFLQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFMQTtBQU9BO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFEQTtBQVJBO0FBREE7QUFGQTtBQU5BO0FBMkJBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUExREE7QUErREE7Ozs7QUEzRkE7QUFDQTtBQTZGQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFGQTtBQUlBO0FBYkE7QUFDQTtBQWVBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/components/Contest.js\n");
 
 /***/ }),
 
@@ -746,6 +746,18 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n
 
 /***/ }),
 
+/***/ "./src/components/ErrorList.js":
+/*!*************************************!*\
+  !*** ./src/components/ErrorList.js ***!
+  \*************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _react = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n\nvar _react2 = _interopRequireDefault(_react);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar ErrorList = function ErrorList(_ref) {\n  var errors = _ref.errors;\n\n  return _react2.default.createElement(\n    \"div\",\n    { id: \"errors\" },\n    _react2.default.createElement(\n      \"lh\",\n      null,\n      \"There are errors!\"\n    ),\n    _react2.default.createElement(\n      \"ul\",\n      { className: \"list-group\" },\n      errors.map(function (error) {\n        return _react2.default.createElement(\n          \"li\",\n          { key: error.id, className: \"list-group-item\" },\n          error\n        );\n      })\n    )\n  );\n};//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9FcnJvckxpc3QuanMuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vc3JjL2NvbXBvbmVudHMvRXJyb3JMaXN0LmpzPzBiN2MiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuY29uc3QgRXJyb3JMaXN0ID0gKHsgZXJyb3JzIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2IGlkPVwiZXJyb3JzXCI+XG4gICAgICA8bGg+XG4gICAgICAgIFRoZXJlIGFyZSBlcnJvcnMhXG4gICAgICA8L2xoPlxuICAgICAgPHVsIGNsYXNzTmFtZT1cImxpc3QtZ3JvdXBcIj5cbiAgICAgICAge2Vycm9ycy5tYXAoZXJyb3IgPT4gKFxuICAgICAgICAgIDxsaSBrZXk9e2Vycm9yLmlkfSBjbGFzc05hbWU9XCJsaXN0LWdyb3VwLWl0ZW1cIj5cbiAgICAgICAgICAgIHtlcnJvcn1cbiAgICAgICAgICA8L2xpPlxuICAgICAgICApKX1cbiAgICAgIDwvdWw+XG4gICAgPC9kaXY+XG4gIClcbn1cbiJdLCJtYXBwaW5ncyI6Ijs7QUFBQTtBQUNBOzs7OztBQUNBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFHQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUNBO0FBREE7QUFEQTtBQURBO0FBSkE7QUFhQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./src/components/ErrorList.js\n");
+
+/***/ }),
+
 /***/ "./src/components/Header.js":
 /*!**********************************!*\
   !*** ./src/components/Header.js ***!
diff --git a/src/components/App.js b/src/components/App.js
index 886b394..a200880 100644
--- a/src/components/App.js
+++ b/src/components/App.js
@@ -15,7 +15,7 @@ class App extends React.Component {
     initialData: PropTypes.shape({
       contests: PropTypes.object,
     }).isRequired,
-  }
+  };
 
   constructor(props) {
     super(props);
@@ -24,9 +24,7 @@ class App extends React.Component {
   }
 
   componentDidMount() {
-    onPopState(event => (
-      this.setState({ currentContestId: (event.state || {}).currentContestId })
-    ));
+    onPopState(event => this.setState({ currentContestId: (event.state || {}).currentContestId }));
   }
 
   componentWillUnmount() {
@@ -44,7 +42,7 @@ class App extends React.Component {
         },
       }));
     });
-  }
+  };
 
   fetchContestList = () => {
     pushState({ currentContestId: null }, '/');
@@ -59,22 +57,20 @@ class App extends React.Component {
   fetchNames = (nameIds) => {
     if (nameIds.length === 0) return;
 
-    api.fetchNames(nameIds)
-      .then((names) => {
-        this.setState({ names });
-      });
-  }
+    api.fetchNames(nameIds).then((names) => {
+      this.setState({ names });
+    });
+  };
 
   lookupName = (nameId) => {
     const { names } = this.state;
-    return (!names || !names[nameId])
-      ? { name: '...' }
-      : names[nameId];
-  }
+    return !names || !names[nameId] ? { name: '...' } : names[nameId];
+  };
 
   addName = (newName, contestId) => {
     const { contests, names } = this.state;
-    api.addName(newName, contestId)
+    api
+      .addName(newName, contestId)
       .then((res) => {
         this.setState({
           contests: {
@@ -86,12 +82,39 @@ class App extends React.Component {
             [res.newName._id]: res.newName,
           },
         });
-      }).catch(console.error);
-  }
+      })
+      .catch(console.error);
+  };
 
-  validateForm = () => {
+  appendError = (error) => {
+    this.setState(prevState => ({
+      ...prevState,
+      errors: { ...prevState.errors, error },
+    }));
+  };
 
-  }
+  clearErrors = () => {
+    this.setState(prevState => ({
+      contests: {
+        ...prevState.contests,
+      },
+      names: {
+        ...prevState.names,
+      },
+      errors: {
+
+      },
+    }));
+  };
+
+  validateForm = (newName) => {
+    this.clearErrors();
+    if (newName === '') {
+      this.appendError('Name must not be empty');
+      return false;
+    }
+    return true;
+  };
 
   currentContest() {
     const { contests, currentContestId } = this.state;
@@ -100,9 +123,7 @@ class App extends React.Component {
 
   pageHeader() {
     const { currentContestId } = this.state;
-    return currentContestId
-      ? this.currentContest().contestName
-      : 'Naming Contests';
+    return currentContestId ? this.currentContest().contestName : 'Naming Contests';
   }
 
   currentContent() {
@@ -115,6 +136,7 @@ class App extends React.Component {
           lookupName={this.lookupName}
           addName={this.addName}
           validateForm={this.validateNames}
+          appendError={this.appendError}
           errors={errors}
           {...this.currentContest()}
         />
diff --git a/src/components/Contest.js b/src/components/Contest.js
index 1d03dee..d506ef9 100644
--- a/src/components/Contest.js
+++ b/src/components/Contest.js
@@ -9,13 +9,15 @@ class Contest extends React.Component {
   }
 
   handleSubmit = (event) => {
-    const { addName, _id } = this.props;
+    const { addName, validateForm, appendError, _id } = this.props;
+    const { value: newName } = this.newNameInput;
     event.preventDefault();
-    if (this.validateForm()) {
-      addName(this.newNameInput.value, _id);
+    if (validateForm(newName)) {
+      addName(newName, _id);
       this.newNameInput.value = '';
+    } else {
+      appendError('Form has errors, cannot submit!');
     }
-
   }
 
   render() {
@@ -102,6 +104,12 @@ Contest.propTypes = {
   nameIds: PropTypes.arrayOf(PropTypes.number).isRequired,
   lookupName: PropTypes.func.isRequired,
   addName: PropTypes.func.isRequired,
+  validateForm: PropTypes.func.isRequired,
+  errors: PropTypes.shape({
+    id: PropTypes.number,
+    error: PropTypes.string,
+  }).isRequired,
+  appendError: PropTypes.func.isRequired,
 };
 
 export default Contest;
diff --git a/src/components/ErrorList.js b/src/components/ErrorList.js
index 47ef0d2..49ac6c9 100644
--- a/src/components/ErrorList.js
+++ b/src/components/ErrorList.js
@@ -3,10 +3,12 @@ import React from 'react';
 const ErrorList = ({ errors }) => {
   return (
     <div id="errors">
-      <lh>There are errors!</lh>
+      <lh>
+        There are errors!
+      </lh>
       <ul className="list-group">
         {errors.map(error => (
-          <li key={} className="list-group-item">
+          <li key={error.id} className="list-group-item">
             {error}
           </li>
         ))}