diff --git a/client/dist/bundle.js b/client/dist/bundle.js index db2a94e..a69d21e 100644 --- a/client/dist/bundle.js +++ b/client/dist/bundle.js @@ -496,7 +496,7 @@ eval("module.exports = function(originalModule) {\n\tif (!originalModule.webpack /***/ (function(module, exports, __webpack_require__) { "use strict"; -eval("\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 _templateObject = _taggedTemplateLiteral(['\\n max-width: 70%;\\n height: auto;\\n position: relative;\\n'], ['\\n max-width: 70%;\\n height: auto;\\n position: relative;\\n']),\n _templateObject2 = _taggedTemplateLiteral(['\\n width: 48px;\\n height: 48px;\\n border-radius: 50%;\\n font-size: 100%;\\n font-weight: lighter;\\n position: absolute;\\n right: 20px;\\n bottom: 55%;\\n background: black;\\n color: white;\\n border: black;\\n display: none;\\n ', ': hover & {\\n display: inline;\\n }\\n &:hover {\\n background: white;\\n color: black;\\n }\\n'], ['\\n width: 48px;\\n height: 48px;\\n border-radius: 50%;\\n font-size: 100%;\\n font-weight: lighter;\\n position: absolute;\\n right: 20px;\\n bottom: 55%;\\n background: black;\\n color: white;\\n border: black;\\n display: none;\\n ', ': hover & {\\n display: inline;\\n }\\n &:hover {\\n background: white;\\n color: black;\\n }\\n']),\n _templateObject3 = _taggedTemplateLiteral(['\\n width: 48px;\\n height: 48px;\\n border-radius: 50%;\\n font-size: 100%;\\n font-weight: lighter;\\n position: absolute;\\n left: 20px;\\n bottom: 55%;\\n background: black;\\n color: white;\\n border: black;\\n display: none;\\n ', ': hover & {\\n display: inline;\\n }\\n &:hover {\\n background: white;\\n color: black;\\n }\\n'], ['\\n width: 48px;\\n height: 48px;\\n border-radius: 50%;\\n font-size: 100%;\\n font-weight: lighter;\\n position: absolute;\\n left: 20px;\\n bottom: 55%;\\n background: black;\\n color: white;\\n border: black;\\n display: none;\\n ', ': hover & {\\n display: inline;\\n }\\n &:hover {\\n background: white;\\n color: black;\\n }\\n']);\n\nvar _react = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _jquery = __webpack_require__(/*! jquery */ \"../../node_modules/jquery/dist/jquery.js\");\n\nvar _jquery2 = _interopRequireDefault(_jquery);\n\nvar _styledComponents = __webpack_require__(/*! styled-components */ \"../../node_modules/styled-components/dist/styled-components.browser.es.js\");\n\nvar _styledComponents2 = _interopRequireDefault(_styledComponents);\n\nvar _Main = __webpack_require__(/*! ./Main.jsx */ \"./components/Main.jsx\");\n\nvar _Main2 = _interopRequireDefault(_Main);\n\nvar _Thumbnail = __webpack_require__(/*! ./Thumbnail.jsx */ \"./components/Thumbnail.jsx\");\n\nvar _Thumbnail2 = _interopRequireDefault(_Thumbnail);\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\nfunction _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }\n\nvar Wrapper = _styledComponents2.default.div(_templateObject);\n\nvar NextButton = _styledComponents2.default.button(_templateObject2, Wrapper);\n\nvar PrevButton = _styledComponents2.default.button(_templateObject3, Wrapper);\n\nvar RightButton = function RightButton(props) {\n return _react2.default.createElement(\n NextButton,\n { onClick: props.handleNextClick, type: 'button' },\n '>'\n );\n};\n\nvar LeftButton = function LeftButton(props) {\n return _react2.default.createElement(\n PrevButton,\n { onClick: props.handlePrevClick, type: 'button' },\n '<'\n );\n};\n\nvar Gallery = function (_React$Component) {\n _inherits(Gallery, _React$Component);\n\n function Gallery(props) {\n _classCallCheck(this, Gallery);\n\n var _this = _possibleConstructorReturn(this, (Gallery.__proto__ || Object.getPrototypeOf(Gallery)).call(this, props));\n\n _this.state = {\n current: 'https://s3-us-west-1.amazonaws.com/groupout98hr/default.png',\n thumbs: ['https://s3-us-west-1.amazonaws.com/groupout98hr/default.png', 'https://s3-us-west-1.amazonaws.com/groupout98hr/default.png', 'https://s3-us-west-1.amazonaws.com/groupout98hr/default.png', 'https://s3-us-west-1.amazonaws.com/groupout98hr/default.png', 'https://s3-us-west-1.amazonaws.com/groupout98hr/default.png', 'https://s3-us-west-1.amazonaws.com/groupout98hr/default.png', 'https://s3-us-west-1.amazonaws.com/groupout98hr/default.png', 'https://s3-us-west-1.amazonaws.com/groupout98hr/default.png', 'https://s3-us-west-1.amazonaws.com/groupout98hr/default.png', 'https://s3-us-west-1.amazonaws.com/groupout98hr/default.png']\n };\n _this.handleThumbnailClick = _this.handleThumbnailClick.bind(_this);\n _this.handleNextClick = _this.handleNextClick.bind(_this);\n _this.handlePrevClick = _this.handlePrevClick.bind(_this);\n return _this;\n }\n\n _createClass(Gallery, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n this.getImages();\n }\n }, {\n key: 'getImages',\n value: function getImages() {\n var dealId = window.location.pathname.split('/')[2];\n console.log(dealId);\n var that = this;\n _jquery2.default.ajax({\n url: 'http://localhost:3003/images/' + dealId,\n success: function success(data) {\n console.log(data.data);\n that.setState({\n current: data.data[0].URL0,\n thumbs: [data.data[0].URL0a, data.data[0].URL1a, data.data[0].URL2a, data.data[0].URL3a, data.data[0].URL4a, data.data[0].URL5a, data.data[0].URL6a, data.data[0].URL7a, data.data[0].URL8a, data.data[0].URL9a]\n });\n },\n dataType: 'json'\n });\n }\n }, {\n key: 'handleThumbnailClick',\n value: function handleThumbnailClick(e) {\n var newMain = e.target.src.substring(0, 52) + '.jpg';\n this.setState({ current: newMain });\n }\n }, {\n key: 'handleNextClick',\n value: function handleNextClick() {\n if (Number(this.state.current[51]) < 9) {\n this.setState({\n current: this.state.current.substring(0, 51) + (Number(this.state.current[51]) + 1).toString() + '.jpg'\n });\n }\n }\n }, {\n key: 'handlePrevClick',\n value: function handlePrevClick() {\n if (Number(this.state.current[51]) > 0) {\n this.setState({\n current: this.state.current.substring(0, 51) + (Number(this.state.current[51]) - 1).toString() + '.jpg'\n });\n }\n }\n }, {\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n return _react2.default.createElement(\n Wrapper,\n null,\n _react2.default.createElement(LeftButton, { handlePrevClick: this.handlePrevClick }),\n _react2.default.createElement(RightButton, { handleNextClick: this.handleNextClick }),\n _react2.default.createElement(_Main2.default, { current: this.state.current }),\n _react2.default.createElement(\n 'div',\n null,\n this.state.thumbs.map(function (url, index) {\n return _react2.default.createElement(_Thumbnail2.default, {\n key: index,\n thumb: url,\n handleThumbnailClick: _this2.handleThumbnailClick,\n current: _this2.state.current\n });\n })\n )\n );\n }\n }]);\n\n return Gallery;\n}(_react2.default.Component);\n\nmodule.exports = Gallery;//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9jb21wb25lbnRzL0dhbGxlcnkuanN4LmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vL2NsaWVudC9zcmMvY29tcG9uZW50cy9HYWxsZXJ5LmpzeD85MmEzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgJCBmcm9tICdqcXVlcnknO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgTWFpbiBmcm9tICcuL01haW4uanN4JztcbmltcG9ydCBUaHVtYm5haWwgZnJvbSAnLi9UaHVtYm5haWwuanN4JztcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG1heC13aWR0aDogNzAlO1xuICBoZWlnaHQ6IGF1dG87XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmNvbnN0IE5leHRCdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICB3aWR0aDogNDhweDtcbiAgaGVpZ2h0OiA0OHB4O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGZvbnQtc2l6ZTogMTAwJTtcbiAgZm9udC13ZWlnaHQ6IGxpZ2h0ZXI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDIwcHg7XG4gIGJvdHRvbTogNTUlO1xuICBiYWNrZ3JvdW5kOiBibGFjaztcbiAgY29sb3I6IHdoaXRlO1xuICBib3JkZXI6IGJsYWNrO1xuICBkaXNwbGF5OiBub25lO1xuICAke1dyYXBwZXJ9OiBob3ZlciAmIHtcbiAgICBkaXNwbGF5OiBpbmxpbmU7XG4gIH1cbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZDogd2hpdGU7XG4gICAgY29sb3I6IGJsYWNrO1xuICB9XG5gO1xuXG5jb25zdCBQcmV2QnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgd2lkdGg6IDQ4cHg7XG4gIGhlaWdodDogNDhweDtcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBmb250LXNpemU6IDEwMCU7XG4gIGZvbnQtd2VpZ2h0OiBsaWdodGVyO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDIwcHg7XG4gIGJvdHRvbTogNTUlO1xuICBiYWNrZ3JvdW5kOiBibGFjaztcbiAgY29sb3I6IHdoaXRlO1xuICBib3JkZXI6IGJsYWNrO1xuICBkaXNwbGF5OiBub25lO1xuICAke1dyYXBwZXJ9OiBob3ZlciAmIHtcbiAgICBkaXNwbGF5OiBpbmxpbmU7XG4gIH1cbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZDogd2hpdGU7XG4gICAgY29sb3I6IGJsYWNrO1xuICB9XG5gO1xuXG5jb25zdCBSaWdodEJ1dHRvbiA9IHByb3BzID0+IChcbiAgPE5leHRCdXR0b24gb25DbGljaz17cHJvcHMuaGFuZGxlTmV4dENsaWNrfSB0eXBlPVwiYnV0dG9uXCI+XG4gICAgeyc+J31cbiAgPC9OZXh0QnV0dG9uPlxuKTtcblxuY29uc3QgTGVmdEJ1dHRvbiA9IHByb3BzID0+IChcbiAgPFByZXZCdXR0b24gb25DbGljaz17cHJvcHMuaGFuZGxlUHJldkNsaWNrfSB0eXBlPVwiYnV0dG9uXCI+XG4gICAgeyc8J31cbiAgPC9QcmV2QnV0dG9uPlxuKTtcblxuY2xhc3MgR2FsbGVyeSBleHRlbmRzIFJlYWN0LkNvbXBvbmVudCB7XG4gIGNvbnN0cnVjdG9yKHByb3BzKSB7XG4gICAgc3VwZXIocHJvcHMpO1xuICAgIHRoaXMuc3RhdGUgPSB7XG4gICAgICBjdXJyZW50OiAnaHR0cHM6Ly9zMy11cy13ZXN0LTEuYW1hem9uYXdzLmNvbS9ncm91cG91dDk4aHIvZGVmYXVsdC5wbmcnLFxuICAgICAgdGh1bWJzOiBbXG4gICAgICAgICdodHRwczovL3MzLXVzLXdlc3QtMS5hbWF6b25hd3MuY29tL2dyb3Vwb3V0OThoci9kZWZhdWx0LnBuZycsXG4gICAgICAgICdodHRwczovL3MzLXVzLXdlc3QtMS5hbWF6b25hd3MuY29tL2dyb3Vwb3V0OThoci9kZWZhdWx0LnBuZycsXG4gICAgICAgICdodHRwczovL3MzLXVzLXdlc3QtMS5hbWF6b25hd3MuY29tL2dyb3Vwb3V0OThoci9kZWZhdWx0LnBuZycsXG4gICAgICAgICdodHRwczovL3MzLXVzLXdlc3QtMS5hbWF6b25hd3MuY29tL2dyb3Vwb3V0OThoci9kZWZhdWx0LnBuZycsXG4gICAgICAgICdodHRwczovL3MzLXVzLXdlc3QtMS5hbWF6b25hd3MuY29tL2dyb3Vwb3V0OThoci9kZWZhdWx0LnBuZycsXG4gICAgICAgICdodHRwczovL3MzLXVzLXdlc3QtMS5hbWF6b25hd3MuY29tL2dyb3Vwb3V0OThoci9kZWZhdWx0LnBuZycsXG4gICAgICAgICdodHRwczovL3MzLXVzLXdlc3QtMS5hbWF6b25hd3MuY29tL2dyb3Vwb3V0OThoci9kZWZhdWx0LnBuZycsXG4gICAgICAgICdodHRwczovL3MzLXVzLXdlc3QtMS5hbWF6b25hd3MuY29tL2dyb3Vwb3V0OThoci9kZWZhdWx0LnBuZycsXG4gICAgICAgICdodHRwczovL3MzLXVzLXdlc3QtMS5hbWF6b25hd3MuY29tL2dyb3Vwb3V0OThoci9kZWZhdWx0LnBuZycsXG4gICAgICAgICdodHRwczovL3MzLXVzLXdlc3QtMS5hbWF6b25hd3MuY29tL2dyb3Vwb3V0OThoci9kZWZhdWx0LnBuZycsXG4gICAgICBdLFxuICAgIH07XG4gICAgdGhpcy5oYW5kbGVUaHVtYm5haWxDbGljayA9IHRoaXMuaGFuZGxlVGh1bWJuYWlsQ2xpY2suYmluZCh0aGlzKTtcbiAgICB0aGlzLmhhbmRsZU5leHRDbGljayA9IHRoaXMuaGFuZGxlTmV4dENsaWNrLmJpbmQodGhpcyk7XG4gICAgdGhpcy5oYW5kbGVQcmV2Q2xpY2sgPSB0aGlzLmhhbmRsZVByZXZDbGljay5iaW5kKHRoaXMpO1xuICB9XG5cbiAgY29tcG9uZW50RGlkTW91bnQoKSB7XG4gICAgdGhpcy5nZXRJbWFnZXMoKTtcbiAgfVxuXG4gIGdldEltYWdlcygpIHtcbiAgICBjb25zdCBkZWFsSWQgPSB3aW5kb3cubG9jYXRpb24ucGF0aG5hbWUuc3BsaXQoJy8nKVsyXTtcbiAgICBjb25zb2xlLmxvZyhkZWFsSWQpO1xuICAgIGNvbnN0IHRoYXQgPSB0aGlzO1xuICAgICQuYWpheCh7XG4gICAgICB1cmw6IGBodHRwOi8vbG9jYWxob3N0OjMwMDMvaW1hZ2VzLyR7ZGVhbElkfWAsXG4gICAgICBzdWNjZXNzOiAoZGF0YSkgPT4ge1xuICAgICAgICBjb25zb2xlLmxvZyhkYXRhLmRhdGEpO1xuICAgICAgICB0aGF0LnNldFN0YXRlKHtcbiAgICAgICAgICBjdXJyZW50OiBkYXRhLmRhdGFbMF0uVVJMMCxcbiAgICAgICAgICB0aHVtYnM6IFtcbiAgICAgICAgICAgIGRhdGEuZGF0YVswXS5VUkwwYSxcbiAgICAgICAgICAgIGRhdGEuZGF0YVswXS5VUkwxYSxcbiAgICAgICAgICAgIGRhdGEuZGF0YVswXS5VUkwyYSxcbiAgICAgICAgICAgIGRhdGEuZGF0YVswXS5VUkwzYSxcbiAgICAgICAgICAgIGRhdGEuZGF0YVswXS5VUkw0YSxcbiAgICAgICAgICAgIGRhdGEuZGF0YVswXS5VUkw1YSxcbiAgICAgICAgICAgIGRhdGEuZGF0YVswXS5VUkw2YSxcbiAgICAgICAgICAgIGRhdGEuZGF0YVswXS5VUkw3YSxcbiAgICAgICAgICAgIGRhdGEuZGF0YVswXS5VUkw4YSxcbiAgICAgICAgICAgIGRhdGEuZGF0YVswXS5VUkw5YSxcbiAgICAgICAgICBdLFxuICAgICAgICB9KTtcbiAgICAgIH0sXG4gICAgICBkYXRhVHlwZTogJ2pzb24nLFxuICAgIH0pO1xuICB9XG5cbiAgaGFuZGxlVGh1bWJuYWlsQ2xpY2soZSkge1xuICAgIGNvbnN0IG5ld01haW4gPSBgJHtlLnRhcmdldC5zcmMuc3Vic3RyaW5nKDAsIDUyKX0uanBnYDtcbiAgICB0aGlzLnNldFN0YXRlKHsgY3VycmVudDogbmV3TWFpbiB9KTtcbiAgfVxuXG4gIGhhbmRsZU5leHRDbGljaygpIHtcbiAgICBpZiAoTnVtYmVyKHRoaXMuc3RhdGUuY3VycmVudFs1MV0pIDwgOSkge1xuICAgICAgdGhpcy5zZXRTdGF0ZSh7XG4gICAgICAgIGN1cnJlbnQ6IGAke3RoaXMuc3RhdGUuY3VycmVudC5zdWJzdHJpbmcoMCwgNTEpXG4gICAgICAgICAgKyAoTnVtYmVyKHRoaXMuc3RhdGUuY3VycmVudFs1MV0pICsgMSkudG9TdHJpbmcoKX0uanBnYCxcbiAgICAgIH0pO1xuICAgIH1cbiAgfVxuXG4gIGhhbmRsZVByZXZDbGljaygpIHtcbiAgICBpZiAoTnVtYmVyKHRoaXMuc3RhdGUuY3VycmVudFs1MV0pID4gMCkge1xuICAgICAgdGhpcy5zZXRTdGF0ZSh7XG4gICAgICAgIGN1cnJlbnQ6IGAke3RoaXMuc3RhdGUuY3VycmVudC5zdWJzdHJpbmcoMCwgNTEpXG4gICAgICAgICAgKyAoTnVtYmVyKHRoaXMuc3RhdGUuY3VycmVudFs1MV0pIC0gMSkudG9TdHJpbmcoKX0uanBnYCxcbiAgICAgIH0pO1xuICAgIH1cbiAgfVxuXG4gIHJlbmRlcigpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFdyYXBwZXI+XG4gICAgICAgIDxMZWZ0QnV0dG9uIGhhbmRsZVByZXZDbGljaz17dGhpcy5oYW5kbGVQcmV2Q2xpY2t9IC8+XG4gICAgICAgIDxSaWdodEJ1dHRvbiBoYW5kbGVOZXh0Q2xpY2s9e3RoaXMuaGFuZGxlTmV4dENsaWNrfSAvPlxuICAgICAgICA8TWFpbiBjdXJyZW50PXt0aGlzLnN0YXRlLmN1cnJlbnR9IC8+XG4gICAgICAgIDxkaXY+XG4gICAgICAgICAge3RoaXMuc3RhdGUudGh1bWJzLm1hcCgodXJsLCBpbmRleCkgPT4gKFxuICAgICAgICAgICAgPFRodW1ibmFpbFxuICAgICAgICAgICAgICBrZXk9e2luZGV4fVxuICAgICAgICAgICAgICB0aHVtYj17dXJsfVxuICAgICAgICAgICAgICBoYW5kbGVUaHVtYm5haWxDbGljaz17dGhpcy5oYW5kbGVUaHVtYm5haWxDbGlja31cbiAgICAgICAgICAgICAgY3VycmVudD17dGhpcy5zdGF0ZS5jdXJyZW50fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApKX1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L1dyYXBwZXI+XG4gICAgKTtcbiAgfVxufVxuXG5tb2R1bGUuZXhwb3J0cyA9IEdhbGxlcnk7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7Ozs7Ozs7Ozs7OztBQUNBO0FBQ0E7QUFLQTtBQUNBO0FBcUJBO0FBQ0E7QUFxQkE7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQURBO0FBREE7QUFDQTtBQUtBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFEQTtBQURBO0FBQ0E7QUFLQTs7O0FBQ0E7QUFBQTtBQUNBO0FBREE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUZBO0FBZUE7QUFDQTtBQUNBO0FBbkJBO0FBb0JBO0FBQ0E7OztBQUNBO0FBQ0E7QUFDQTs7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUZBO0FBZUE7QUFDQTtBQXBCQTtBQXNCQTs7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7OztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBREE7QUFJQTtBQUNBOzs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQURBO0FBSUE7QUFDQTs7O0FBRUE7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBSkE7QUFEQTtBQURBO0FBSkE7QUFnQkE7Ozs7QUFoR0E7QUFDQTtBQWtHQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./components/Gallery.jsx\n"); +eval("\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 _templateObject = _taggedTemplateLiteral(['\\n max-width: 75%;\\n height: auto;\\n position: relative;\\n margin-left: 125px;\\n'], ['\\n max-width: 75%;\\n height: auto;\\n position: relative;\\n margin-left: 125px;\\n']),\n _templateObject2 = _taggedTemplateLiteral(['\\n width: 48px;\\n height: 48px;\\n border-radius: 50%;\\n font-size: 100%;\\n font-weight: lighter;\\n position: absolute;\\n right: 20px;\\n bottom: 55%;\\n background: black;\\n color: white;\\n border: black;\\n display: none;\\n ', ': hover & {\\n display: inline;\\n }\\n &:hover {\\n background: white;\\n color: black;\\n }\\n'], ['\\n width: 48px;\\n height: 48px;\\n border-radius: 50%;\\n font-size: 100%;\\n font-weight: lighter;\\n position: absolute;\\n right: 20px;\\n bottom: 55%;\\n background: black;\\n color: white;\\n border: black;\\n display: none;\\n ', ': hover & {\\n display: inline;\\n }\\n &:hover {\\n background: white;\\n color: black;\\n }\\n']),\n _templateObject3 = _taggedTemplateLiteral(['\\n width: 48px;\\n height: 48px;\\n border-radius: 50%;\\n font-size: 100%;\\n font-weight: lighter;\\n position: absolute;\\n left: 20px;\\n bottom: 55%;\\n background: black;\\n color: white;\\n border: black;\\n display: none;\\n ', ': hover & {\\n display: inline;\\n }\\n &:hover {\\n background: white;\\n color: black;\\n }\\n'], ['\\n width: 48px;\\n height: 48px;\\n border-radius: 50%;\\n font-size: 100%;\\n font-weight: lighter;\\n position: absolute;\\n left: 20px;\\n bottom: 55%;\\n background: black;\\n color: white;\\n border: black;\\n display: none;\\n ', ': hover & {\\n display: inline;\\n }\\n &:hover {\\n background: white;\\n color: black;\\n }\\n']);\n\nvar _react = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _jquery = __webpack_require__(/*! jquery */ \"../../node_modules/jquery/dist/jquery.js\");\n\nvar _jquery2 = _interopRequireDefault(_jquery);\n\nvar _styledComponents = __webpack_require__(/*! styled-components */ \"../../node_modules/styled-components/dist/styled-components.browser.es.js\");\n\nvar _styledComponents2 = _interopRequireDefault(_styledComponents);\n\nvar _Main = __webpack_require__(/*! ./Main.jsx */ \"./components/Main.jsx\");\n\nvar _Main2 = _interopRequireDefault(_Main);\n\nvar _Thumbnail = __webpack_require__(/*! ./Thumbnail.jsx */ \"./components/Thumbnail.jsx\");\n\nvar _Thumbnail2 = _interopRequireDefault(_Thumbnail);\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\nfunction _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }\n\nvar Wrapper = _styledComponents2.default.div(_templateObject);\n\nvar NextButton = _styledComponents2.default.button(_templateObject2, Wrapper);\n\nvar PrevButton = _styledComponents2.default.button(_templateObject3, Wrapper);\n\nvar RightButton = function RightButton(props) {\n return _react2.default.createElement(\n NextButton,\n { onClick: props.handleNextClick, type: 'button' },\n '>'\n );\n};\n\nvar LeftButton = function LeftButton(props) {\n return _react2.default.createElement(\n PrevButton,\n { onClick: props.handlePrevClick, type: 'button' },\n '<'\n );\n};\n\nvar Gallery = function (_React$Component) {\n _inherits(Gallery, _React$Component);\n\n function Gallery(props) {\n _classCallCheck(this, Gallery);\n\n var _this = _possibleConstructorReturn(this, (Gallery.__proto__ || Object.getPrototypeOf(Gallery)).call(this, props));\n\n _this.state = {\n current: 'https://s3-us-west-1.amazonaws.com/groupout98hr/default.png',\n thumbs: ['https://s3-us-west-1.amazonaws.com/groupout98hr/default.png', 'https://s3-us-west-1.amazonaws.com/groupout98hr/default.png', 'https://s3-us-west-1.amazonaws.com/groupout98hr/default.png', 'https://s3-us-west-1.amazonaws.com/groupout98hr/default.png', 'https://s3-us-west-1.amazonaws.com/groupout98hr/default.png', 'https://s3-us-west-1.amazonaws.com/groupout98hr/default.png', 'https://s3-us-west-1.amazonaws.com/groupout98hr/default.png', 'https://s3-us-west-1.amazonaws.com/groupout98hr/default.png', 'https://s3-us-west-1.amazonaws.com/groupout98hr/default.png', 'https://s3-us-west-1.amazonaws.com/groupout98hr/default.png']\n };\n _this.handleThumbnailClick = _this.handleThumbnailClick.bind(_this);\n _this.handleNextClick = _this.handleNextClick.bind(_this);\n _this.handlePrevClick = _this.handlePrevClick.bind(_this);\n return _this;\n }\n\n _createClass(Gallery, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n this.getImages();\n }\n }, {\n key: 'getImages',\n value: function getImages() {\n var dealId = window.location.pathname.split('/')[2];\n console.log(dealId);\n var that = this;\n _jquery2.default.ajax({\n url: 'http://localhost:3003/images/' + dealId,\n success: function success(data) {\n console.log(data.data);\n that.setState({\n current: data.data[0].URL0,\n thumbs: [data.data[0].URL0a, data.data[0].URL1a, data.data[0].URL2a, data.data[0].URL3a, data.data[0].URL4a, data.data[0].URL5a, data.data[0].URL6a, data.data[0].URL7a, data.data[0].URL8a, data.data[0].URL9a]\n });\n },\n dataType: 'json'\n });\n }\n }, {\n key: 'handleThumbnailClick',\n value: function handleThumbnailClick(e) {\n var newMain = e.target.src.substring(0, 52) + '.jpg';\n this.setState({ current: newMain });\n }\n }, {\n key: 'handleNextClick',\n value: function handleNextClick() {\n if (Number(this.state.current[51]) < 9) {\n this.setState({\n current: this.state.current.substring(0, 51) + (Number(this.state.current[51]) + 1).toString() + '.jpg'\n });\n }\n }\n }, {\n key: 'handlePrevClick',\n value: function handlePrevClick() {\n if (Number(this.state.current[51]) > 0) {\n this.setState({\n current: this.state.current.substring(0, 51) + (Number(this.state.current[51]) - 1).toString() + '.jpg'\n });\n }\n }\n }, {\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n return _react2.default.createElement(\n Wrapper,\n null,\n _react2.default.createElement(LeftButton, { handlePrevClick: this.handlePrevClick }),\n _react2.default.createElement(RightButton, { handleNextClick: this.handleNextClick }),\n _react2.default.createElement(_Main2.default, { current: this.state.current }),\n _react2.default.createElement(\n 'div',\n null,\n this.state.thumbs.map(function (url, index) {\n return _react2.default.createElement(_Thumbnail2.default, {\n key: index,\n thumb: url,\n handleThumbnailClick: _this2.handleThumbnailClick,\n current: _this2.state.current\n });\n })\n )\n );\n }\n }]);\n\n return Gallery;\n}(_react2.default.Component);\n\nmodule.exports = Gallery;//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9jb21wb25lbnRzL0dhbGxlcnkuanN4LmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vL2NsaWVudC9zcmMvY29tcG9uZW50cy9HYWxsZXJ5LmpzeD85MmEzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgJCBmcm9tICdqcXVlcnknO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgTWFpbiBmcm9tICcuL01haW4uanN4JztcbmltcG9ydCBUaHVtYm5haWwgZnJvbSAnLi9UaHVtYm5haWwuanN4JztcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG1heC13aWR0aDogNzUlO1xuICBoZWlnaHQ6IGF1dG87XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWFyZ2luLWxlZnQ6IDEyNXB4O1xuYDtcblxuY29uc3QgTmV4dEJ1dHRvbiA9IHN0eWxlZC5idXR0b25gXG4gIHdpZHRoOiA0OHB4O1xuICBoZWlnaHQ6IDQ4cHg7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgZm9udC1zaXplOiAxMDAlO1xuICBmb250LXdlaWdodDogbGlnaHRlcjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMjBweDtcbiAgYm90dG9tOiA1NSU7XG4gIGJhY2tncm91bmQ6IGJsYWNrO1xuICBjb2xvcjogd2hpdGU7XG4gIGJvcmRlcjogYmxhY2s7XG4gIGRpc3BsYXk6IG5vbmU7XG4gICR7V3JhcHBlcn06IGhvdmVyICYge1xuICAgIGRpc3BsYXk6IGlubGluZTtcbiAgfVxuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgICBjb2xvcjogYmxhY2s7XG4gIH1cbmA7XG5cbmNvbnN0IFByZXZCdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICB3aWR0aDogNDhweDtcbiAgaGVpZ2h0OiA0OHB4O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGZvbnQtc2l6ZTogMTAwJTtcbiAgZm9udC13ZWlnaHQ6IGxpZ2h0ZXI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogMjBweDtcbiAgYm90dG9tOiA1NSU7XG4gIGJhY2tncm91bmQ6IGJsYWNrO1xuICBjb2xvcjogd2hpdGU7XG4gIGJvcmRlcjogYmxhY2s7XG4gIGRpc3BsYXk6IG5vbmU7XG4gICR7V3JhcHBlcn06IGhvdmVyICYge1xuICAgIGRpc3BsYXk6IGlubGluZTtcbiAgfVxuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgICBjb2xvcjogYmxhY2s7XG4gIH1cbmA7XG5cbmNvbnN0IFJpZ2h0QnV0dG9uID0gcHJvcHMgPT4gKFxuICA8TmV4dEJ1dHRvbiBvbkNsaWNrPXtwcm9wcy5oYW5kbGVOZXh0Q2xpY2t9IHR5cGU9XCJidXR0b25cIj5cbiAgICB7Jz4nfVxuICA8L05leHRCdXR0b24+XG4pO1xuXG5jb25zdCBMZWZ0QnV0dG9uID0gcHJvcHMgPT4gKFxuICA8UHJldkJ1dHRvbiBvbkNsaWNrPXtwcm9wcy5oYW5kbGVQcmV2Q2xpY2t9IHR5cGU9XCJidXR0b25cIj5cbiAgICB7JzwnfVxuICA8L1ByZXZCdXR0b24+XG4pO1xuXG5jbGFzcyBHYWxsZXJ5IGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgY29uc3RydWN0b3IocHJvcHMpIHtcbiAgICBzdXBlcihwcm9wcyk7XG4gICAgdGhpcy5zdGF0ZSA9IHtcbiAgICAgIGN1cnJlbnQ6ICdodHRwczovL3MzLXVzLXdlc3QtMS5hbWF6b25hd3MuY29tL2dyb3Vwb3V0OThoci9kZWZhdWx0LnBuZycsXG4gICAgICB0aHVtYnM6IFtcbiAgICAgICAgJ2h0dHBzOi8vczMtdXMtd2VzdC0xLmFtYXpvbmF3cy5jb20vZ3JvdXBvdXQ5OGhyL2RlZmF1bHQucG5nJyxcbiAgICAgICAgJ2h0dHBzOi8vczMtdXMtd2VzdC0xLmFtYXpvbmF3cy5jb20vZ3JvdXBvdXQ5OGhyL2RlZmF1bHQucG5nJyxcbiAgICAgICAgJ2h0dHBzOi8vczMtdXMtd2VzdC0xLmFtYXpvbmF3cy5jb20vZ3JvdXBvdXQ5OGhyL2RlZmF1bHQucG5nJyxcbiAgICAgICAgJ2h0dHBzOi8vczMtdXMtd2VzdC0xLmFtYXpvbmF3cy5jb20vZ3JvdXBvdXQ5OGhyL2RlZmF1bHQucG5nJyxcbiAgICAgICAgJ2h0dHBzOi8vczMtdXMtd2VzdC0xLmFtYXpvbmF3cy5jb20vZ3JvdXBvdXQ5OGhyL2RlZmF1bHQucG5nJyxcbiAgICAgICAgJ2h0dHBzOi8vczMtdXMtd2VzdC0xLmFtYXpvbmF3cy5jb20vZ3JvdXBvdXQ5OGhyL2RlZmF1bHQucG5nJyxcbiAgICAgICAgJ2h0dHBzOi8vczMtdXMtd2VzdC0xLmFtYXpvbmF3cy5jb20vZ3JvdXBvdXQ5OGhyL2RlZmF1bHQucG5nJyxcbiAgICAgICAgJ2h0dHBzOi8vczMtdXMtd2VzdC0xLmFtYXpvbmF3cy5jb20vZ3JvdXBvdXQ5OGhyL2RlZmF1bHQucG5nJyxcbiAgICAgICAgJ2h0dHBzOi8vczMtdXMtd2VzdC0xLmFtYXpvbmF3cy5jb20vZ3JvdXBvdXQ5OGhyL2RlZmF1bHQucG5nJyxcbiAgICAgICAgJ2h0dHBzOi8vczMtdXMtd2VzdC0xLmFtYXpvbmF3cy5jb20vZ3JvdXBvdXQ5OGhyL2RlZmF1bHQucG5nJyxcbiAgICAgIF0sXG4gICAgfTtcbiAgICB0aGlzLmhhbmRsZVRodW1ibmFpbENsaWNrID0gdGhpcy5oYW5kbGVUaHVtYm5haWxDbGljay5iaW5kKHRoaXMpO1xuICAgIHRoaXMuaGFuZGxlTmV4dENsaWNrID0gdGhpcy5oYW5kbGVOZXh0Q2xpY2suYmluZCh0aGlzKTtcbiAgICB0aGlzLmhhbmRsZVByZXZDbGljayA9IHRoaXMuaGFuZGxlUHJldkNsaWNrLmJpbmQodGhpcyk7XG4gIH1cblxuICBjb21wb25lbnREaWRNb3VudCgpIHtcbiAgICB0aGlzLmdldEltYWdlcygpO1xuICB9XG5cbiAgZ2V0SW1hZ2VzKCkge1xuICAgIGNvbnN0IGRlYWxJZCA9IHdpbmRvdy5sb2NhdGlvbi5wYXRobmFtZS5zcGxpdCgnLycpWzJdO1xuICAgIGNvbnNvbGUubG9nKGRlYWxJZCk7XG4gICAgY29uc3QgdGhhdCA9IHRoaXM7XG4gICAgJC5hamF4KHtcbiAgICAgIHVybDogYGh0dHA6Ly9sb2NhbGhvc3Q6MzAwMy9pbWFnZXMvJHtkZWFsSWR9YCxcbiAgICAgIHN1Y2Nlc3M6IChkYXRhKSA9PiB7XG4gICAgICAgIGNvbnNvbGUubG9nKGRhdGEuZGF0YSk7XG4gICAgICAgIHRoYXQuc2V0U3RhdGUoe1xuICAgICAgICAgIGN1cnJlbnQ6IGRhdGEuZGF0YVswXS5VUkwwLFxuICAgICAgICAgIHRodW1iczogW1xuICAgICAgICAgICAgZGF0YS5kYXRhWzBdLlVSTDBhLFxuICAgICAgICAgICAgZGF0YS5kYXRhWzBdLlVSTDFhLFxuICAgICAgICAgICAgZGF0YS5kYXRhWzBdLlVSTDJhLFxuICAgICAgICAgICAgZGF0YS5kYXRhWzBdLlVSTDNhLFxuICAgICAgICAgICAgZGF0YS5kYXRhWzBdLlVSTDRhLFxuICAgICAgICAgICAgZGF0YS5kYXRhWzBdLlVSTDVhLFxuICAgICAgICAgICAgZGF0YS5kYXRhWzBdLlVSTDZhLFxuICAgICAgICAgICAgZGF0YS5kYXRhWzBdLlVSTDdhLFxuICAgICAgICAgICAgZGF0YS5kYXRhWzBdLlVSTDhhLFxuICAgICAgICAgICAgZGF0YS5kYXRhWzBdLlVSTDlhLFxuICAgICAgICAgIF0sXG4gICAgICAgIH0pO1xuICAgICAgfSxcbiAgICAgIGRhdGFUeXBlOiAnanNvbicsXG4gICAgfSk7XG4gIH1cblxuICBoYW5kbGVUaHVtYm5haWxDbGljayhlKSB7XG4gICAgY29uc3QgbmV3TWFpbiA9IGAke2UudGFyZ2V0LnNyYy5zdWJzdHJpbmcoMCwgNTIpfS5qcGdgO1xuICAgIHRoaXMuc2V0U3RhdGUoeyBjdXJyZW50OiBuZXdNYWluIH0pO1xuICB9XG5cbiAgaGFuZGxlTmV4dENsaWNrKCkge1xuICAgIGlmIChOdW1iZXIodGhpcy5zdGF0ZS5jdXJyZW50WzUxXSkgPCA5KSB7XG4gICAgICB0aGlzLnNldFN0YXRlKHtcbiAgICAgICAgY3VycmVudDogYCR7dGhpcy5zdGF0ZS5jdXJyZW50LnN1YnN0cmluZygwLCA1MSlcbiAgICAgICAgICArIChOdW1iZXIodGhpcy5zdGF0ZS5jdXJyZW50WzUxXSkgKyAxKS50b1N0cmluZygpfS5qcGdgLFxuICAgICAgfSk7XG4gICAgfVxuICB9XG5cbiAgaGFuZGxlUHJldkNsaWNrKCkge1xuICAgIGlmIChOdW1iZXIodGhpcy5zdGF0ZS5jdXJyZW50WzUxXSkgPiAwKSB7XG4gICAgICB0aGlzLnNldFN0YXRlKHtcbiAgICAgICAgY3VycmVudDogYCR7dGhpcy5zdGF0ZS5jdXJyZW50LnN1YnN0cmluZygwLCA1MSlcbiAgICAgICAgICArIChOdW1iZXIodGhpcy5zdGF0ZS5jdXJyZW50WzUxXSkgLSAxKS50b1N0cmluZygpfS5qcGdgLFxuICAgICAgfSk7XG4gICAgfVxuICB9XG5cbiAgcmVuZGVyKCkge1xuICAgIHJldHVybiAoXG4gICAgICA8V3JhcHBlcj5cbiAgICAgICAgPExlZnRCdXR0b24gaGFuZGxlUHJldkNsaWNrPXt0aGlzLmhhbmRsZVByZXZDbGlja30gLz5cbiAgICAgICAgPFJpZ2h0QnV0dG9uIGhhbmRsZU5leHRDbGljaz17dGhpcy5oYW5kbGVOZXh0Q2xpY2t9IC8+XG4gICAgICAgIDxNYWluIGN1cnJlbnQ9e3RoaXMuc3RhdGUuY3VycmVudH0gLz5cbiAgICAgICAgPGRpdj5cbiAgICAgICAgICB7dGhpcy5zdGF0ZS50aHVtYnMubWFwKCh1cmwsIGluZGV4KSA9PiAoXG4gICAgICAgICAgICA8VGh1bWJuYWlsXG4gICAgICAgICAgICAgIGtleT17aW5kZXh9XG4gICAgICAgICAgICAgIHRodW1iPXt1cmx9XG4gICAgICAgICAgICAgIGhhbmRsZVRodW1ibmFpbENsaWNrPXt0aGlzLmhhbmRsZVRodW1ibmFpbENsaWNrfVxuICAgICAgICAgICAgICBjdXJyZW50PXt0aGlzLnN0YXRlLmN1cnJlbnR9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICkpfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvV3JhcHBlcj5cbiAgICApO1xuICB9XG59XG5cbm1vZHVsZS5leHBvcnRzID0gR2FsbGVyeTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7QUFBQTtBQUNBOzs7QUFBQTtBQUNBOzs7QUFBQTtBQUNBOzs7QUFBQTtBQUNBOzs7QUFBQTtBQUNBOzs7Ozs7Ozs7Ozs7O0FBQ0E7QUFDQTtBQU1BO0FBQ0E7QUFxQkE7QUFDQTtBQXFCQTtBQUFBO0FBQ0E7QUFBQTtBQUNBO0FBREE7QUFEQTtBQUNBO0FBS0E7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQURBO0FBREE7QUFDQTtBQUtBOzs7QUFDQTtBQUFBO0FBQ0E7QUFEQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBRkE7QUFlQTtBQUNBO0FBQ0E7QUFuQkE7QUFvQkE7QUFDQTs7O0FBQ0E7QUFDQTtBQUNBOzs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBRkE7QUFlQTtBQUNBO0FBcEJBO0FBc0JBOzs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFEQTtBQUlBO0FBQ0E7OztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBREE7QUFJQTtBQUNBOzs7QUFFQTtBQUFBO0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFKQTtBQURBO0FBREE7QUFKQTtBQWdCQTs7OztBQWhHQTtBQUNBO0FBa0dBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./components/Gallery.jsx\n"); /***/ }), diff --git a/client/src/components/Gallery.jsx b/client/src/components/Gallery.jsx index cbd0de4..9d92612 100644 --- a/client/src/components/Gallery.jsx +++ b/client/src/components/Gallery.jsx @@ -5,9 +5,10 @@ import Main from './Main.jsx'; import Thumbnail from './Thumbnail.jsx'; const Wrapper = styled.div` - max-width: 70%; + max-width: 75%; height: auto; position: relative; + margin-left: 125px; `; const NextButton = styled.button`