creating an index for the fields components
authorAnthony Talarico <talarico@gaslightmedia.com>
Fri, 11 Oct 2019 02:55:30 +0000 (22:55 -0400)
committerAnthony Talarico <talarico@gaslightmedia.com>
Fri, 11 Oct 2019 02:55:30 +0000 (22:55 -0400)
15 files changed:
admin/dist/js/glm-options.js
admin/js/components/Dashboard.jsx
admin/js/components/DisplayArea.jsx
admin/js/components/Sidebar.jsx
admin/js/components/fields/Select.jsx
admin/js/components/fields/Slider.jsx
admin/js/components/fields/Swatch.jsx
admin/js/components/fields/Switch.jsx [deleted file]
admin/js/components/fields/Text.jsx
admin/js/components/fields/TextArea.jsx
admin/js/components/fields/Toggle.jsx [new file with mode: 0644]
admin/js/components/fields/index.jsx [new file with mode: 0644]
admin/js/manifests/colors.js
admin/js/manifests/header.js
admin/js/styles/Dashboard.js

index de24651..df483c2 100644 (file)
@@ -129,7 +129,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ \"./node_modules/react-redux/es/index.js\");\n/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-router-dom */ \"./node_modules/react-router-dom/esm/react-router-dom.js\");\n/* harmony import */ var _store_actionCreators_system__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../store/actionCreators/system */ \"./js/store/actionCreators/system.js\");\n/* harmony import */ var _styles_Dashboard__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../styles/Dashboard */ \"./js/styles/Dashboard.js\");\nfunction _extends() { _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; }; return _extends.apply(this, arguments); }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); }\n\nfunction _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === \"[object Arguments]\")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\nvar Dashboard = function Dashboard(props) {\n  var mounted = react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"];\n  var updated = react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"];\n  var firstRender = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])(true);\n\n  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])({\n    firstRender: true\n  }),\n      _useState2 = _slicedToArray(_useState, 2),\n      gameState = _useState2[0],\n      updateGameState = _useState2[1];\n\n  mounted(function () {\n    updateGameState(_extends({}, gameState, {\n      tutorialVisible: true\n    }));\n    firstRender.current = false;\n    return function cleanup() {// clean up logic\n    };\n  }, []);\n  updated(function () {\n    if (!firstRender.current) {\n      console.log(\"update only\");\n    }\n\n    return function cleanup() {};\n  }); // this.props.updateGameData({scrap: 1000, robots: 5}).then(console.log(this.props.gameDataReducer));\n\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    id: \"dashboard-container\",\n    style: _styles_Dashboard__WEBPACK_IMPORTED_MODULE_4__[\"default\"].DisplayArea\n  }, \"Member Dashboard\");\n};\n\nvar mapDispatchToProps = {\n  toggleDrawerState: _store_actionCreators_system__WEBPACK_IMPORTED_MODULE_3__[\"toggleDrawerState\"]\n};\n\nvar mapStateToProps = function mapStateToProps(state) {\n  return state;\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Object(react_redux__WEBPACK_IMPORTED_MODULE_1__[\"connect\"])(mapStateToProps, mapDispatchToProps)(Dashboard));\n\n//# sourceURL=webpack:///./js/components/Dashboard.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ \"./node_modules/react-redux/es/index.js\");\n/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-router-dom */ \"./node_modules/react-router-dom/esm/react-router-dom.js\");\n/* harmony import */ var _store_actionCreators_system__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../store/actionCreators/system */ \"./js/store/actionCreators/system.js\");\n/* harmony import */ var _styles_Dashboard__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../styles/Dashboard */ \"./js/styles/Dashboard.js\");\nfunction _extends() { _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; }; return _extends.apply(this, arguments); }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); }\n\nfunction _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === \"[object Arguments]\")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\nvar Dashboard = function Dashboard(props) {\n  var mounted = react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"];\n  var updated = react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"];\n  var firstRender = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])(true);\n\n  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])({\n    firstRender: true\n  }),\n      _useState2 = _slicedToArray(_useState, 2),\n      gameState = _useState2[0],\n      updateGameState = _useState2[1];\n\n  mounted(function () {\n    updateGameState(_extends({}, gameState, {\n      tutorialVisible: true\n    }));\n    return function cleanup() {// clean up logic\n    };\n  }, []);\n  updated(function () {\n    if (firstRender.current) {\n      firstRender.current = false;\n      return;\n    }\n\n    return function cleanup() {};\n  }); // this.props.updateGameData({scrap: 1000, robots: 5}).then(console.log(this.props.gameDataReducer));\n\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    id: \"dashboard-container\",\n    style: _styles_Dashboard__WEBPACK_IMPORTED_MODULE_4__[\"default\"].displayArea\n  }, props.location.state.option.options.map(function (option) {\n    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n      style: {\n        display: \"flex\"\n      }\n    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, option.descr), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, option.fields.map(function (field) {\n      var Field = field.component;\n      return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Field, null);\n    })));\n  }));\n};\n\nvar mapDispatchToProps = {\n  toggleDrawerState: _store_actionCreators_system__WEBPACK_IMPORTED_MODULE_3__[\"toggleDrawerState\"]\n};\n\nvar mapStateToProps = function mapStateToProps(state) {\n  return state;\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Object(react_redux__WEBPACK_IMPORTED_MODULE_1__[\"connect\"])(mapStateToProps, mapDispatchToProps)(Dashboard));\n\n//# sourceURL=webpack:///./js/components/Dashboard.jsx?");
 
 /***/ }),
 
@@ -141,7 +141,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ \"./node_modules/react-redux/es/index.js\");\n/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-router-dom */ \"./node_modules/react-router-dom/esm/react-router-dom.js\");\n/* harmony import */ var _hookMethods__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../hookMethods */ \"./js/hookMethods.js\");\n/* harmony import */ var _store_actionCreators_system__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../store/actionCreators/system */ \"./js/store/actionCreators/system.js\");\n/* harmony import */ var _styles_Dashboard__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../styles/Dashboard */ \"./js/styles/Dashboard.js\");\n/* harmony import */ var _Dashboard__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Dashboard */ \"./js/components/Dashboard.jsx\");\nfunction _extends() { _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; }; return _extends.apply(this, arguments); }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); }\n\nfunction _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === \"[object Arguments]\")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\n\nvar DisplayArea = function DisplayArea(props) {\n  var mounted = react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"];\n  var updated = react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"];\n  var firstRender = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])(true);\n\n  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])({\n    firstRender: true\n  }),\n      _useState2 = _slicedToArray(_useState, 2),\n      gameState = _useState2[0],\n      updateGameState = _useState2[1];\n\n  mounted(function () {\n    updateGameState(_extends({}, gameState, {\n      tutorialVisible: true\n    }));\n    firstRender.current = false;\n    return function cleanup() {// clean up logic\n    };\n  }, []);\n  updated(function () {\n    if (!firstRender.current) {\n      console.log(\"update only\");\n    }\n\n    return function cleanup() {};\n  }); // this.props.updateGameData({scrap: 1000, robots: 5}).then(console.log(this.props.gameDataReducer));\n\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    id: \"glmto-display-area\",\n    style: _styles_Dashboard__WEBPACK_IMPORTED_MODULE_5__[\"default\"].container\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_2__[\"Route\"], {\n    exact: true,\n    path: \"/\",\n    render: function render() {\n      return \"WP DASHBOARD\";\n    }\n  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_2__[\"Route\"], {\n    exact: true,\n    path: \"/dashboard\",\n    render: function render() {\n      return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Dashboard__WEBPACK_IMPORTED_MODULE_6__[\"default\"], null);\n    }\n  }));\n};\n\nvar mapDispatchToProps = {\n  toggleDrawerState: _store_actionCreators_system__WEBPACK_IMPORTED_MODULE_4__[\"toggleDrawerState\"]\n};\n\nvar mapStateToProps = function mapStateToProps(state) {\n  return state;\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Object(react_redux__WEBPACK_IMPORTED_MODULE_1__[\"connect\"])(mapStateToProps, mapDispatchToProps)(DisplayArea));\n\n//# sourceURL=webpack:///./js/components/DisplayArea.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ \"./node_modules/react-redux/es/index.js\");\n/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-router-dom */ \"./node_modules/react-router-dom/esm/react-router-dom.js\");\n/* harmony import */ var _hookMethods__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../hookMethods */ \"./js/hookMethods.js\");\n/* harmony import */ var _store_actionCreators_system__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../store/actionCreators/system */ \"./js/store/actionCreators/system.js\");\n/* harmony import */ var _styles_Dashboard__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../styles/Dashboard */ \"./js/styles/Dashboard.js\");\n/* harmony import */ var _Dashboard__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Dashboard */ \"./js/components/Dashboard.jsx\");\nfunction _extends() { _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; }; return _extends.apply(this, arguments); }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); }\n\nfunction _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === \"[object Arguments]\")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\n\nvar DisplayArea = function DisplayArea(props) {\n  var mounted = react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"];\n  var updated = react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"];\n  var firstRender = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])(true);\n\n  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])({\n    firstRender: true\n  }),\n      _useState2 = _slicedToArray(_useState, 2),\n      gameState = _useState2[0],\n      updateGameState = _useState2[1];\n\n  mounted(function () {\n    updateGameState(_extends({}, gameState, {\n      tutorialVisible: true\n    }));\n    firstRender.current = false;\n    return function cleanup() {// clean up logic\n    };\n  }, []);\n  updated(function () {\n    if (!firstRender.current) {\n      console.log(\"update only\");\n    }\n\n    return function cleanup() {};\n  }); // this.props.updateGameData({scrap: 1000, robots: 5}).then(console.log(this.props.gameDataReducer));\n\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    id: \"glmto-display-area\",\n    style: _styles_Dashboard__WEBPACK_IMPORTED_MODULE_5__[\"default\"].container\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_2__[\"Route\"], {\n    exact: true,\n    path: \"/\",\n    render: function render() {\n      return \"WP DASHBOARD\";\n    }\n  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_2__[\"Route\"], {\n    exact: true,\n    path: \"/dashboard\",\n    component: _Dashboard__WEBPACK_IMPORTED_MODULE_6__[\"default\"]\n  }));\n};\n\nvar mapDispatchToProps = {\n  toggleDrawerState: _store_actionCreators_system__WEBPACK_IMPORTED_MODULE_4__[\"toggleDrawerState\"]\n};\n\nvar mapStateToProps = function mapStateToProps(state) {\n  return state;\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Object(react_redux__WEBPACK_IMPORTED_MODULE_1__[\"connect\"])(mapStateToProps, mapDispatchToProps)(DisplayArea));\n\n//# sourceURL=webpack:///./js/components/DisplayArea.jsx?");
 
 /***/ }),
 
@@ -153,7 +153,91 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ \"./node_modules/react-redux/es/index.js\");\n/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-router-dom */ \"./node_modules/react-router-dom/esm/react-router-dom.js\");\n/* harmony import */ var _manifests__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../manifests */ \"./js/manifests/index.js\");\n/* harmony import */ var _styles_Sidebar__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../styles/Sidebar */ \"./js/styles/Sidebar.js\");\n/* harmony import */ var _assets_images_glm_logo_png__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../assets/images/glm-logo.png */ \"../assets/images/glm-logo.png\");\n/* harmony import */ var _assets_images_glm_logo_png__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_assets_images_glm_logo_png__WEBPACK_IMPORTED_MODULE_5__);\n\n\n\n\n\n\n\nvar Sidebar = function Sidebar(props) {\n  var mounted = react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"];\n  var updated = react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"];\n  var firstRender = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])(true);\n  mounted(function () {\n    return function cleanup() {// clean up logic\n    };\n  }, []);\n  updated(function () {\n    if (firstRender.current) {\n      firstRender.current = false;\n      return;\n    }\n  });\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    id: \"glmto-sidebar\",\n    style: _styles_Sidebar__WEBPACK_IMPORTED_MODULE_4__[\"default\"].container\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    id: \"glmto-sidebar-logo\",\n    style: _styles_Sidebar__WEBPACK_IMPORTED_MODULE_4__[\"default\"].logo\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"img\", {\n    src: _assets_images_glm_logo_png__WEBPACK_IMPORTED_MODULE_5___default.a,\n    alt: \"\"\n  })), _manifests__WEBPACK_IMPORTED_MODULE_3__[\"options\"].map(function (option) {\n    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_2__[\"NavLink\"], {\n      to: \"/\",\n      style: {\n        display: \"block\",\n        padding: \"8px\"\n      }\n    }, \" \", option.label, \" \");\n  }));\n};\n\nvar mapStatetoProps = function mapStatetoProps(state) {\n  return state;\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Object(react_redux__WEBPACK_IMPORTED_MODULE_1__[\"connect\"])(mapStatetoProps, null)(Sidebar));\n\n//# sourceURL=webpack:///./js/components/Sidebar.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ \"./node_modules/react-redux/es/index.js\");\n/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-router-dom */ \"./node_modules/react-router-dom/esm/react-router-dom.js\");\n/* harmony import */ var _manifests__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../manifests */ \"./js/manifests/index.js\");\n/* harmony import */ var _styles_Sidebar__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../styles/Sidebar */ \"./js/styles/Sidebar.js\");\n/* harmony import */ var _assets_images_glm_logo_png__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../assets/images/glm-logo.png */ \"../assets/images/glm-logo.png\");\n/* harmony import */ var _assets_images_glm_logo_png__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_assets_images_glm_logo_png__WEBPACK_IMPORTED_MODULE_5__);\n\n\n\n\n\n\n\nvar Sidebar = function Sidebar(props) {\n  var mounted = react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"];\n  var updated = react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"];\n  var firstRender = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])(true);\n  mounted(function () {\n    return function cleanup() {// clean up logic\n    };\n  }, []);\n  updated(function () {\n    if (firstRender.current) {\n      firstRender.current = false;\n      return;\n    }\n  });\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    id: \"glmto-sidebar\",\n    style: _styles_Sidebar__WEBPACK_IMPORTED_MODULE_4__[\"default\"].container\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    id: \"glmto-sidebar-logo\",\n    style: _styles_Sidebar__WEBPACK_IMPORTED_MODULE_4__[\"default\"].logo\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"img\", {\n    src: _assets_images_glm_logo_png__WEBPACK_IMPORTED_MODULE_5___default.a,\n    alt: \"\"\n  })), _manifests__WEBPACK_IMPORTED_MODULE_3__[\"options\"].map(function (option) {\n    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_2__[\"NavLink\"], {\n      to: {\n        pathname: \"/dashboard\",\n        state: {\n          option: option\n        }\n      },\n      style: {\n        display: \"block\",\n        padding: \"8px\"\n      }\n    }, \" \", option.label, \" \");\n  }));\n};\n\nvar mapStatetoProps = function mapStatetoProps(state) {\n  return state;\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Object(react_redux__WEBPACK_IMPORTED_MODULE_1__[\"connect\"])(mapStatetoProps, null)(Sidebar));\n\n//# sourceURL=webpack:///./js/components/Sidebar.jsx?");
+
+/***/ }),
+
+/***/ "./js/components/fields/Select.jsx":
+/*!*****************************************!*\
+  !*** ./js/components/fields/Select.jsx ***!
+  \*****************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ \"./node_modules/react-redux/es/index.js\");\n/* harmony import */ var _store_actionCreators_system__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../store/actionCreators/system */ \"./js/store/actionCreators/system.js\");\nfunction _extends() { _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; }; return _extends.apply(this, arguments); }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); }\n\nfunction _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === \"[object Arguments]\")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\nvar Select = function Select(props) {\n  var mounted = react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"];\n  var updated = react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"];\n  var firstRender = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])(true);\n\n  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])({\n    firstRender: true\n  }),\n      _useState2 = _slicedToArray(_useState, 2),\n      gameState = _useState2[0],\n      updateGameState = _useState2[1];\n\n  mounted(function () {\n    updateGameState(_extends({}, gameState, {\n      tutorialVisible: true\n    }));\n    firstRender.current = false;\n    return function cleanup() {// clean up logic\n    };\n  }, []);\n  updated(function () {\n    if (!firstRender.current) {\n      console.log(\"update only\");\n    }\n\n    return function cleanup() {};\n  }); // this.props.updateGameData({scrap: 1000, robots: 5}).then(console.log(this.props.gameDataReducer));\n\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"label\", null, \"Select Menu\", react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"select\", null, \"// options here\"));\n};\n\nvar mapDispatchToProps = {\n  toggleDrawerState: _store_actionCreators_system__WEBPACK_IMPORTED_MODULE_2__[\"toggleDrawerState\"]\n};\n\nvar mapStateToProps = function mapStateToProps(state) {\n  return state;\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Object(react_redux__WEBPACK_IMPORTED_MODULE_1__[\"connect\"])(mapStateToProps, mapDispatchToProps)(Select));\n\n//# sourceURL=webpack:///./js/components/fields/Select.jsx?");
+
+/***/ }),
+
+/***/ "./js/components/fields/Slider.jsx":
+/*!*****************************************!*\
+  !*** ./js/components/fields/Slider.jsx ***!
+  \*****************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ \"./node_modules/react-redux/es/index.js\");\n/* harmony import */ var _store_actionCreators_system__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../store/actionCreators/system */ \"./js/store/actionCreators/system.js\");\nfunction _extends() { _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; }; return _extends.apply(this, arguments); }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); }\n\nfunction _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === \"[object Arguments]\")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\nvar Slider = function Slider(props) {\n  var mounted = react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"];\n  var updated = react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"];\n  var firstRender = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])(true);\n\n  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])({\n    firstRender: true\n  }),\n      _useState2 = _slicedToArray(_useState, 2),\n      gameState = _useState2[0],\n      updateGameState = _useState2[1];\n\n  mounted(function () {\n    updateGameState(_extends({}, gameState, {\n      tutorialVisible: true\n    }));\n    firstRender.current = false;\n    return function cleanup() {// clean up logic\n    };\n  }, []);\n  updated(function () {\n    if (!firstRender.current) {\n      console.log(\"update only\");\n    }\n\n    return function cleanup() {};\n  }); // this.props.updateGameData({scrap: 1000, robots: 5}).then(console.log(this.props.gameDataReducer));\n\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: \"slider\",\n    \"data-slider\": true,\n    \"data-initial-start\": \"50\",\n    \"data-end\": \"200\"\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n    className: \"slider-handle\",\n    \"data-slider-handle\": true,\n    role: \"slider\",\n    tabindex: \"1\"\n  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n    className: \"slider-fill\",\n    \"data-slider-fill\": true\n  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"input\", {\n    type: \"hidden\"\n  }));\n};\n\nvar mapDispatchToProps = {\n  toggleDrawerState: _store_actionCreators_system__WEBPACK_IMPORTED_MODULE_2__[\"toggleDrawerState\"]\n};\n\nvar mapStateToProps = function mapStateToProps(state) {\n  return state;\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Object(react_redux__WEBPACK_IMPORTED_MODULE_1__[\"connect\"])(mapStateToProps, mapDispatchToProps)(Slider));\n\n//# sourceURL=webpack:///./js/components/fields/Slider.jsx?");
+
+/***/ }),
+
+/***/ "./js/components/fields/Swatch.jsx":
+/*!*****************************************!*\
+  !*** ./js/components/fields/Swatch.jsx ***!
+  \*****************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ \"./node_modules/react-redux/es/index.js\");\n/* harmony import */ var _store_actionCreators_system__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../store/actionCreators/system */ \"./js/store/actionCreators/system.js\");\nfunction _extends() { _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; }; return _extends.apply(this, arguments); }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); }\n\nfunction _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === \"[object Arguments]\")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\nvar Swatch = function Swatch(props) {\n  var mounted = react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"];\n  var updated = react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"];\n  var firstRender = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])(true);\n\n  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])({\n    firstRender: true\n  }),\n      _useState2 = _slicedToArray(_useState, 2),\n      gameState = _useState2[0],\n      updateGameState = _useState2[1];\n\n  mounted(function () {\n    updateGameState(_extends({}, gameState, {\n      tutorialVisible: true\n    }));\n    firstRender.current = false;\n    return function cleanup() {// clean up logic\n    };\n  }, []);\n  updated(function () {\n    if (!firstRender.current) {\n      console.log(\"update only\");\n    }\n\n    return function cleanup() {};\n  }); // this.props.updateGameData({scrap: 1000, robots: 5}).then(console.log(this.props.gameDataReducer));\n\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: \"switch\"\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"input\", {\n    className: \"switch-input\",\n    id: \"exampleSwitch\",\n    type: \"checkbox\",\n    name: \"exampleSwitch\"\n  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"label\", {\n    className: \"switch-paddle\",\n    \"for\": \"exampleSwitch\"\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n    className: \"show-for-sr\"\n  }, \"Download Kittens\")));\n};\n\nvar mapDispatchToProps = {\n  toggleDrawerState: _store_actionCreators_system__WEBPACK_IMPORTED_MODULE_2__[\"toggleDrawerState\"]\n};\n\nvar mapStateToProps = function mapStateToProps(state) {\n  return state;\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Object(react_redux__WEBPACK_IMPORTED_MODULE_1__[\"connect\"])(mapStateToProps, mapDispatchToProps)(Swatch));\n\n//# sourceURL=webpack:///./js/components/fields/Swatch.jsx?");
+
+/***/ }),
+
+/***/ "./js/components/fields/Text.jsx":
+/*!***************************************!*\
+  !*** ./js/components/fields/Text.jsx ***!
+  \***************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ \"./node_modules/react-redux/es/index.js\");\n/* harmony import */ var _store_actionCreators_system__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../store/actionCreators/system */ \"./js/store/actionCreators/system.js\");\nfunction _extends() { _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; }; return _extends.apply(this, arguments); }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); }\n\nfunction _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === \"[object Arguments]\")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\nvar Text = function Text(props) {\n  var mounted = react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"];\n  var updated = react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"];\n  var firstRender = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])(true);\n\n  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])({\n    firstRender: true\n  }),\n      _useState2 = _slicedToArray(_useState, 2),\n      gameState = _useState2[0],\n      updateGameState = _useState2[1];\n\n  mounted(function () {\n    updateGameState(_extends({}, gameState, {\n      tutorialVisible: true\n    }));\n    firstRender.current = false;\n    return function cleanup() {// clean up logic\n    };\n  }, []);\n  updated(function () {\n    if (!firstRender.current) {\n      console.log(\"update only\");\n    }\n\n    return function cleanup() {};\n  }); // this.props.updateGameData({scrap: 1000, robots: 5}).then(console.log(this.props.gameDataReducer));\n\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: \"grid-x grid-padding-x\"\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: \"medium-6 cell\"\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"label\", null, \"Input Label\", react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"input\", {\n    type: \"text\",\n    placeholder: \".medium-6.cell\"\n  }))));\n};\n\nvar mapDispatchToProps = {\n  toggleDrawerState: _store_actionCreators_system__WEBPACK_IMPORTED_MODULE_2__[\"toggleDrawerState\"]\n};\n\nvar mapStateToProps = function mapStateToProps(state) {\n  return state;\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Object(react_redux__WEBPACK_IMPORTED_MODULE_1__[\"connect\"])(mapStateToProps, mapDispatchToProps)(Text));\n\n//# sourceURL=webpack:///./js/components/fields/Text.jsx?");
+
+/***/ }),
+
+/***/ "./js/components/fields/TextArea.jsx":
+/*!*******************************************!*\
+  !*** ./js/components/fields/TextArea.jsx ***!
+  \*******************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ \"./node_modules/react-redux/es/index.js\");\n/* harmony import */ var _store_actionCreators_system__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../store/actionCreators/system */ \"./js/store/actionCreators/system.js\");\nfunction _extends() { _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; }; return _extends.apply(this, arguments); }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); }\n\nfunction _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === \"[object Arguments]\")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\nvar TextArea = function TextArea(props) {\n  var mounted = react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"];\n  var updated = react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"];\n  var firstRender = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])(true);\n\n  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])({\n    firstRender: true\n  }),\n      _useState2 = _slicedToArray(_useState, 2),\n      gameState = _useState2[0],\n      updateGameState = _useState2[1];\n\n  mounted(function () {\n    updateGameState(_extends({}, gameState, {\n      tutorialVisible: true\n    }));\n    firstRender.current = false;\n    return function cleanup() {// clean up logic\n    };\n  }, []);\n  updated(function () {\n    if (!firstRender.current) {\n      console.log(\"update only\");\n    }\n\n    return function cleanup() {};\n  }); // this.props.updateGameData({scrap: 1000, robots: 5}).then(console.log(this.props.gameDataReducer));\n\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"label\", null, \"// LABEL HERE\", react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"textarea\", {\n    placeholder: \"None\"\n  }));\n};\n\nvar mapDispatchToProps = {\n  toggleDrawerState: _store_actionCreators_system__WEBPACK_IMPORTED_MODULE_2__[\"toggleDrawerState\"]\n};\n\nvar mapStateToProps = function mapStateToProps(state) {\n  return state;\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Object(react_redux__WEBPACK_IMPORTED_MODULE_1__[\"connect\"])(mapStateToProps, mapDispatchToProps)(TextArea));\n\n//# sourceURL=webpack:///./js/components/fields/TextArea.jsx?");
+
+/***/ }),
+
+/***/ "./js/components/fields/Toggle.jsx":
+/*!*****************************************!*\
+  !*** ./js/components/fields/Toggle.jsx ***!
+  \*****************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ \"./node_modules/react-redux/es/index.js\");\n/* harmony import */ var _store_actionCreators_system__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../store/actionCreators/system */ \"./js/store/actionCreators/system.js\");\nfunction _extends() { _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; }; return _extends.apply(this, arguments); }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); }\n\nfunction _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === \"[object Arguments]\")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\nvar Toggle = function Toggle(props) {\n  var mounted = react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"];\n  var updated = react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"];\n  var firstRender = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])(true);\n\n  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])({\n    firstRender: true\n  }),\n      _useState2 = _slicedToArray(_useState, 2),\n      gameState = _useState2[0],\n      updateGameState = _useState2[1];\n\n  mounted(function () {\n    updateGameState(_extends({}, gameState, {\n      tutorialVisible: true\n    }));\n    firstRender.current = false;\n    return function cleanup() {// clean up logic\n    };\n  }, []);\n  updated(function () {\n    if (!firstRender.current) {\n      console.log(\"update only\");\n    }\n\n    return function cleanup() {};\n  }); // this.props.updateGameData({scrap: 1000, robots: 5}).then(console.log(this.props.gameDataReducer));\n\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: \"switch\"\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"input\", {\n    className: \"switch-input\",\n    id: \"exampleSwitch\",\n    type: \"checkbox\",\n    name: \"exampleSwitch\"\n  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"label\", {\n    className: \"switch-paddle\",\n    \"for\": \"exampleSwitch\"\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n    className: \"show-for-sr\"\n  }, \"Download Kittens\")));\n};\n\nvar mapDispatchToProps = {\n  toggleDrawerState: _store_actionCreators_system__WEBPACK_IMPORTED_MODULE_2__[\"toggleDrawerState\"]\n};\n\nvar mapStateToProps = function mapStateToProps(state) {\n  return state;\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Object(react_redux__WEBPACK_IMPORTED_MODULE_1__[\"connect\"])(mapStateToProps, mapDispatchToProps)(Toggle));\n\n//# sourceURL=webpack:///./js/components/fields/Toggle.jsx?");
+
+/***/ }),
+
+/***/ "./js/components/fields/index.jsx":
+/*!****************************************!*\
+  !*** ./js/components/fields/index.jsx ***!
+  \****************************************/
+/*! exports provided: Select, Swatch, Text, TextArea, Slider, Toggle */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"Select\", function() { return Select; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"Swatch\", function() { return Swatch; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"Text\", function() { return Text; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"TextArea\", function() { return TextArea; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"Slider\", function() { return Slider; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"Toggle\", function() { return Toggle; });\n/* harmony import */ var _Select__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Select */ \"./js/components/fields/Select.jsx\");\n/* harmony import */ var _Swatch__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Swatch */ \"./js/components/fields/Swatch.jsx\");\n/* harmony import */ var _Toggle__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Toggle */ \"./js/components/fields/Toggle.jsx\");\n/* harmony import */ var _Text__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Text */ \"./js/components/fields/Text.jsx\");\n/* harmony import */ var _TextArea__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./TextArea */ \"./js/components/fields/TextArea.jsx\");\n/* harmony import */ var _Slider__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Slider */ \"./js/components/fields/Slider.jsx\");\n\n\n\n\n\n\nvar Select = _Select__WEBPACK_IMPORTED_MODULE_0__[\"default\"];\nvar Swatch = _Swatch__WEBPACK_IMPORTED_MODULE_1__[\"default\"];\nvar Text = _Text__WEBPACK_IMPORTED_MODULE_3__[\"default\"];\nvar TextArea = _TextArea__WEBPACK_IMPORTED_MODULE_4__[\"default\"];\nvar Slider = _Slider__WEBPACK_IMPORTED_MODULE_5__[\"default\"];\nvar Toggle = _Toggle__WEBPACK_IMPORTED_MODULE_2__[\"default\"];\n\n//# sourceURL=webpack:///./js/components/fields/index.jsx?");
 
 /***/ }),
 
@@ -189,7 +273,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"color_options\", function() { return color_options; });\nvar color_options = function () {\n  var primaryColor = {\n    label: \"Primary Color\",\n    descr: \"Controls the main highlight color throughout the theme.\",\n    fields: [{\n      type: \"swatch\",\n      \"default\": \"#0568b3\"\n    }]\n  };\n  return {\n    label: \"Colors\",\n    options: [primaryColor]\n  };\n}();\n\n//# sourceURL=webpack:///./js/manifests/colors.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"color_options\", function() { return color_options; });\n/* harmony import */ var _components_fields__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../components/fields */ \"./js/components/fields/index.jsx\");\n\nvar color_options = function () {\n  var primaryColor = {\n    label: \"Primary Color\",\n    descr: \"Controls the main highlight color throughout the theme.\",\n    fields: [{\n      type: \"Swatch\",\n      \"default\": \"#0568b3\",\n      component: _components_fields__WEBPACK_IMPORTED_MODULE_0__[\"Swatch\"]\n    }]\n  };\n  return {\n    label: \"Colors\",\n    options: [primaryColor]\n  };\n}();\n\n//# sourceURL=webpack:///./js/manifests/colors.js?");
 
 /***/ }),
 
@@ -201,7 +285,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"header_options\", function() { return header_options; });\nvar header_options = function () {\n  var headerPosition = {\n    label: \"Header Position\",\n    descr: \"Controls the position of the header to be in the top, left or right of the site. The main menu height, header padding and logo margin options will auto adjust based off your selection for ideal aesthetics.\",\n    fields: [{\n      type: \"select\",\n      options: ['top', 'left', 'right'],\n      \"default\": \"top\"\n    }]\n  };\n  var stickyHeader = {\n    label: \"Sticky Header\",\n    descr: \"Turn on to enable a sticky header.\",\n    fields: [{\n      type: \"switch\",\n      options: ['on', 'off'],\n      \"default\": \"off\"\n    }]\n  };\n  return {\n    label: \"Header\",\n    options: [headerPosition, stickyHeader]\n  };\n}();\n\n//# sourceURL=webpack:///./js/manifests/header.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"header_options\", function() { return header_options; });\n/* harmony import */ var _components_fields__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../components/fields */ \"./js/components/fields/index.jsx\");\n\nvar header_options = function () {\n  var headerPosition = {\n    label: \"Header Position\",\n    descr: \"Controls the position of the header to be in the top, left or right of the site. The main menu height, header padding and logo margin options will auto adjust based off your selection for ideal aesthetics.\",\n    fields: [{\n      type: \"Select\",\n      options: ['top', 'left', 'right'],\n      \"default\": \"top\",\n      component: _components_fields__WEBPACK_IMPORTED_MODULE_0__[\"Select\"]\n    }]\n  };\n  var stickyHeader = {\n    label: \"Sticky Header\",\n    descr: \"Turn on to enable a sticky header.\",\n    fields: [{\n      type: \"Toggle\",\n      options: ['on', 'off'],\n      \"default\": \"off\",\n      component: _components_fields__WEBPACK_IMPORTED_MODULE_0__[\"Toggle\"]\n    }]\n  };\n  return {\n    label: \"Header\",\n    options: [headerPosition, stickyHeader]\n  };\n}();\n\n//# sourceURL=webpack:///./js/manifests/header.js?");
 
 /***/ }),
 
index 49398aa..42b2d71 100644 (file)
@@ -17,15 +17,16 @@ const Dashboard = (props) => {
             ...gameState,
             tutorialVisible: true
         })
-        firstRender.current = false;
+     
         return function cleanup(){
             // clean up logic
         }
     },[])
 
     updated(() =>{
-        if(!firstRender.current){
-            console.log("update only")
+        if (firstRender.current) {
+            firstRender.current = false;
+            return;
         }
         return function cleanup(){
 
@@ -35,8 +36,22 @@ const Dashboard = (props) => {
         // this.props.updateGameData({scrap: 1000, robots: 5}).then(console.log(this.props.gameDataReducer));
        
     return (
-        <div id="dashboard-container" style={DashboardStyles.DisplayArea}>
-            Member Dashboard
+        <div id="dashboard-container" style={DashboardStyles.displayArea}>
+            {props.location.state.option.options.map(option => {
+                return (
+                    <div style={{display: "flex"}}>
+                        <div> 
+                            {option.descr} 
+                        </div>
+                        <div>
+                            {option.fields.map(field =>{
+                                const Field = field.component;
+                                return <Field />
+                            })}
+                        </div>
+                    </div>
+                )
+            })}
         </div>
     );
 }
index c7e0cad..156ab65 100644 (file)
@@ -39,7 +39,7 @@ const DisplayArea = (props) => {
     return (
         <div id="glmto-display-area" style={DashboardStyles.container}>
              <Route exact path="/" render={() => "WP DASHBOARD"} />
-             <Route exact path="/dashboard" render={() => <Dashboard />} />
+             <Route exact path="/dashboard" component={Dashboard} />
         </div>
     );
        
index 01e9855..8c6b7ee 100644 (file)
@@ -28,7 +28,7 @@ const Sidebar = (props) => {
             </div>
             {SidebarItems.options.map( option => {
 
-                return <NavLink to="/" style={{display: "block",padding: "8px"}} > {option.label} </NavLink>
+                return <NavLink to={{pathname: "/dashboard", state: { option }}}  style={{display: "block",padding: "8px"}} > {option.label} </NavLink>
             })}
         </div>
     )
index 0c4043e..38a0e30 100644 (file)
@@ -1,6 +1,6 @@
 import React, { useEffect, useState, useRef} from 'react';
 import {connect } from 'react-redux';
-import { toggleDrawerState } from '../store/actionCreators/system';
+import { toggleDrawerState } from '../../store/actionCreators/system';
 
 
 const Select = (props) => {
index 90b705c..1adcf7d 100644 (file)
@@ -1,6 +1,6 @@
 import React, { useEffect, useState, useRef} from 'react';
 import {connect } from 'react-redux';
-import { toggleDrawerState } from '../store/actionCreators/system';
+import { toggleDrawerState } from '../../store/actionCreators/system';
 
 
 const Slider = (props) => {
index 66e6c25..d989772 100644 (file)
@@ -1,6 +1,6 @@
 import React, { useEffect, useState, useRef} from 'react';
 import {connect } from 'react-redux';
-import { toggleDrawerState } from '../store/actionCreators/system';
+import { toggleDrawerState } from '../../store/actionCreators/system';
 
 
 const Swatch = (props) => {
diff --git a/admin/js/components/fields/Switch.jsx b/admin/js/components/fields/Switch.jsx
deleted file mode 100644 (file)
index cb852b3..0000000
+++ /dev/null
@@ -1,49 +0,0 @@
-import React, { useEffect, useState, useRef} from 'react';
-import {connect } from 'react-redux';
-import { toggleDrawerState } from '../store/actionCreators/system';
-
-
-const Switch = (props) => {
-    const mounted = useEffect;
-    const updated = useEffect;
-    const firstRender = useRef(true)
-    const [gameState,updateGameState] = useState({
-        firstRender : true,
-
-    })
-    mounted(() => {
-        updateGameState({
-            ...gameState,
-            tutorialVisible: true
-        })
-        firstRender.current = false;
-        return function cleanup(){
-            // clean up logic
-        }
-    },[])
-
-    updated(() =>{
-        if(!firstRender.current){
-            console.log("update only")
-        }
-        return function cleanup(){
-
-        }
-    })
-
-        // this.props.updateGameData({scrap: 1000, robots: 5}).then(console.log(this.props.gameDataReducer));
-
-    return (
-        <div className="switch">
-            <input className="switch-input" id="exampleSwitch" type="checkbox" name="exampleSwitch" />
-            <label className="switch-paddle" for="exampleSwitch">
-                <span className="show-for-sr">Download Kittens</span>
-            </label>
-        </div>
-    );
-       
-}
-
-const mapDispatchToProps = { toggleDrawerState }
-const mapStateToProps = state => state
-export default connect(mapStateToProps, mapDispatchToProps)(Switch);
\ No newline at end of file
index 7da7856..7da1fe9 100644 (file)
@@ -1,6 +1,6 @@
 import React, { useEffect, useState, useRef} from 'react';
 import {connect } from 'react-redux';
-import { toggleDrawerState } from '../store/actionCreators/system';
+import { toggleDrawerState } from '../../store/actionCreators/system';
 
 
 const Text = (props) => {
index 9b79a34..b6a3f84 100644 (file)
@@ -1,6 +1,6 @@
 import React, { useEffect, useState, useRef} from 'react';
 import {connect } from 'react-redux';
-import { toggleDrawerState } from '../store/actionCreators/system';
+import { toggleDrawerState } from '../../store/actionCreators/system';
 
 
 const TextArea = (props) => {
diff --git a/admin/js/components/fields/Toggle.jsx b/admin/js/components/fields/Toggle.jsx
new file mode 100644 (file)
index 0000000..dd0b941
--- /dev/null
@@ -0,0 +1,49 @@
+import React, { useEffect, useState, useRef} from 'react';
+import {connect } from 'react-redux';
+import { toggleDrawerState } from '../../store/actionCreators/system';
+
+
+const Toggle = (props) => {
+    const mounted = useEffect;
+    const updated = useEffect;
+    const firstRender = useRef(true)
+    const [gameState,updateGameState] = useState({
+        firstRender : true,
+
+    })
+    mounted(() => {
+        updateGameState({
+            ...gameState,
+            tutorialVisible: true
+        })
+        firstRender.current = false;
+        return function cleanup(){
+            // clean up logic
+        }
+    },[])
+
+    updated(() =>{
+        if(!firstRender.current){
+            console.log("update only")
+        }
+        return function cleanup(){
+
+        }
+    })
+
+        // this.props.updateGameData({scrap: 1000, robots: 5}).then(console.log(this.props.gameDataReducer));
+
+    return (
+        <div className="switch">
+            <input className="switch-input" id="exampleSwitch" type="checkbox" name="exampleSwitch" />
+            <label className="switch-paddle" for="exampleSwitch">
+                <span className="show-for-sr">Download Kittens</span>
+            </label>
+        </div>
+    );
+       
+}
+
+const mapDispatchToProps = { toggleDrawerState }
+const mapStateToProps = state => state
+export default connect(mapStateToProps, mapDispatchToProps)(Toggle);
\ No newline at end of file
diff --git a/admin/js/components/fields/index.jsx b/admin/js/components/fields/index.jsx
new file mode 100644 (file)
index 0000000..5bdd6e2
--- /dev/null
@@ -0,0 +1,13 @@
+import select from './Select';
+import swatch from './Swatch';
+import toggle from './Toggle';
+import text from './Text';
+import textarea from './TextArea';
+import slider from './Slider';
+
+export const Select     = select;
+export const Swatch     = swatch;
+export const Text       = text;
+export const TextArea   = textarea;
+export const Slider     = slider;
+export const Toggle     = toggle;
\ No newline at end of file
index 6647ed4..e838a79 100644 (file)
@@ -1,11 +1,14 @@
+import { Swatch } from '../components/fields';
+
 export const color_options = (() => {
     const primaryColor = {
         label   : "Primary Color",
         descr   : "Controls the main highlight color throughout the theme.",
         fields : [
             { 
-                type    : "swatch", 
-                default : "#0568b3"
+                type    : "Swatch", 
+                default : "#0568b3",
+                component: Swatch
             }
         ]
     }
index 63d933a..6131a05 100644 (file)
@@ -1,12 +1,15 @@
+import { Select , Toggle } from '../components/fields';
+
 export const header_options = (() => {
     const headerPosition = {
         label   : "Header Position",
         descr   : "Controls the position of the header to be in the top, left or right of the site. The main menu height, header padding and logo margin options will auto adjust based off your selection for ideal aesthetics.",
         fields : [
             { 
-                type    : "select", 
+                type    : "Select", 
                 options : [ 'top', 'left' ,'right' ],
-                default : "top"
+                default : "top",
+                component : Select
             }
         ]
     }
@@ -16,9 +19,10 @@ export const header_options = (() => {
         descr   : "Turn on to enable a sticky header.",
         fields : [
             { 
-                type    : "switch", 
+                type    : "Toggle", 
                 options : [ 'on', 'off' ],
-                default : "off"
+                default : "off",
+                component: Toggle
             }
         ]
     }
index 4dc6ad2..84cd8df 100644 (file)
@@ -10,9 +10,10 @@ export default {
         borderBottomRightRadius: "10px",
         borderTop: border,
         borderRight: border,
-        borderBottom: border
+        borderBottom: border,
+
     },
     displayArea : {
-      
+  
     }
 }
\ No newline at end of file