From 89f80d96c8a368fc3e7972e14bc207962b428c83 Mon Sep 17 00:00:00 2001
From: Darwin Do <darwindo@outlook.com>
Date: Tue, 19 Jun 2018 00:49:15 -0700
Subject: [PATCH] added responsive design to module

---
 .dockerignore                | 10 ++++++++++
 client/components/App.jsx    |  4 ++--
 client/components/Nav.jsx    | 29 +++++++++++++++++++++++------
 client/components/Photos.jsx |  2 +-
 client/components/Review.jsx |  7 ++++---
 database/index.js            |  2 +-
 docker-compose.debug.yml     | 13 +++++++++++++
 public/bundle.js             | 12 ++++++------
 public/style.scss            | 17 ++++++++++++++---
 9 files changed, 74 insertions(+), 22 deletions(-)
 create mode 100644 .dockerignore
 create mode 100644 docker-compose.debug.yml

diff --git a/.dockerignore b/.dockerignore
new file mode 100644
index 0000000..6975847
--- /dev/null
+++ b/.dockerignore
@@ -0,0 +1,10 @@
+node_modules
+npm-debug.log
+Dockerfile*
+docker-compose*
+.dockerignore
+.git
+.gitignore
+README.md
+LICENSE
+.vscode
\ No newline at end of file
diff --git a/client/components/App.jsx b/client/components/App.jsx
index 8c94de4..1cc123d 100644
--- a/client/components/App.jsx
+++ b/client/components/App.jsx
@@ -110,7 +110,7 @@ class App extends React.Component {
     return (
       <div>
         <div id="search">
-          <div className="container">
+          <div className="container d-none d-sm-block"> {/* hidden on xs screen */}
             <Search
               name={this.state.hostel.name}
               location_id={this.state.hostel.location_id}
@@ -128,7 +128,7 @@ class App extends React.Component {
                 <Review highlight={this.state.highlight} />
               }
               <div className="col-md-9">
-                <h4>Property Description</h4>
+                <h4 className="d-none d-sm-block">Property Description</h4> {/* hidden on xs screen */}
                 <p>{this.state.hostel.description}</p>
               </div>
             </div>
diff --git a/client/components/Nav.jsx b/client/components/Nav.jsx
index 33e5326..e2f8de8 100644
--- a/client/components/Nav.jsx
+++ b/client/components/Nav.jsx
@@ -1,7 +1,7 @@
 import React from 'react';
 
-const Nav = () => (
-  <section id="navbar" className="container">
+const Nav = () => [
+  <section id="navbar" className="container d-none d-sm-block"> {/* only visible on large screen */}
     <ul className="nav">
       <li className="nav-item">
         <a className="nav-link active" href="#">
@@ -9,13 +9,30 @@ const Nav = () => (
         </a>
       </li>
       <li className="nav-item">
-        <a className="nav-link" href="#">Prices</a>
+        <a className="nav-link" href="#">
+          Prices
+        </a>
       </li>
       <li className="nav-item">
-        <a className="nav-link" href="#">Reviews</a>
+        <a className="nav-link" href="#">
+          Reviews
+        </a>
       </li>
     </ul>
-  </section>
-);
+  </section>,
+  <div className="container navbar-mobile px-0 d-block d-sm-none"> {/* hidden on large screen */}
+    <div className="row navbar-mobile_row my-0">
+      <div className="col-4 py-3 px-0">
+        <i className="far fa-calendar" />&nbsp;PRICES
+      </div>
+      <div className="col-4 py-3 px-0">
+        <i className="fas fa-map-marker-alt" />&nbsp;MAP
+      </div>
+      <div className="col-4 py-3 px-0">
+        <i className="fas fa-comment" />&nbsp;REVIEWS
+      </div>
+    </div>
+  </div>
+];
 
 export default Nav;
diff --git a/client/components/Photos.jsx b/client/components/Photos.jsx
index e2d1821..b005151 100644
--- a/client/components/Photos.jsx
+++ b/client/components/Photos.jsx
@@ -8,7 +8,7 @@ const Photos = (props) => {
   };
 
   return (
-    <section id="photo-gallery" className="container">
+    <section id="photo-gallery" className="container d-none d-sm-block">
       <div className="row no-gutters gallery">
         {
           props.urls.map((url, i) => (
diff --git a/client/components/Review.jsx b/client/components/Review.jsx
index 1e76396..d4c47e4 100644
--- a/client/components/Review.jsx
+++ b/client/components/Review.jsx
@@ -28,10 +28,10 @@ const getIconClassName = (feature) => {
 const Review = props => (
   <div className="col-md-3">
     <div className="row rating-summary">
-      <div className="col-md-1 score">
+      <div className="btn score">
         {props.highlight.rating}
       </div>
-      <div className="col-md-9 info">
+      <div className="info ml-3">
         <p className="keyword">{props.highlight.keyword}</p>
         <a className="counter" href="#">
           <i className="far fa-comment" />
@@ -55,7 +55,8 @@ const Review = props => (
         ))
       }
     </ul>
-    <button type="button" className="btn btn-link">Read all reviews</button>
+    {/* hidden on xs screen */}
+    <button type="button" className="btn btn-link d-none d-sm-block">Read all reviews</button>
   </div>
 );
 
diff --git a/database/index.js b/database/index.js
index e26194e..38a98e5 100644
--- a/database/index.js
+++ b/database/index.js
@@ -1,6 +1,6 @@
 const mongoose = require('mongoose');
 
-mongoose.connect('mongodb://mongo/ruinn');
+mongoose.connect('mongodb://admin:pass1234@ds163650.mlab.com:63650/ruinn-overview');
 
 const hostelSchema = mongoose.Schema({
   id: Number,
diff --git a/docker-compose.debug.yml b/docker-compose.debug.yml
new file mode 100644
index 0000000..71075c5
--- /dev/null
+++ b/docker-compose.debug.yml
@@ -0,0 +1,13 @@
+version: '2.1'
+
+services:
+  overview:
+    image: overview
+    build: .
+    environment:
+      NODE_ENV: development
+    ports:
+      - 3002:3002
+      - 9229:9229
+    ## set your startup file here
+    command: node --inspect index.js
\ No newline at end of file
diff --git a/public/bundle.js b/public/bundle.js
index f287e45..9bf7984 100644
--- a/public/bundle.js
+++ b/public/bundle.js
@@ -94,7 +94,7 @@
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _axios = __webpack_require__(/*! axios */ \"./node_modules/axios/index.js\");\n\nvar _axios2 = _interopRequireDefault(_axios);\n\nvar _Search = __webpack_require__(/*! ./Search */ \"./client/components/Search.jsx\");\n\nvar _Search2 = _interopRequireDefault(_Search);\n\nvar _Nav = __webpack_require__(/*! ./Nav */ \"./client/components/Nav.jsx\");\n\nvar _Nav2 = _interopRequireDefault(_Nav);\n\nvar _Review = __webpack_require__(/*! ./Review */ \"./client/components/Review.jsx\");\n\nvar _Review2 = _interopRequireDefault(_Review);\n\nvar _Photos = __webpack_require__(/*! ./Photos */ \"./client/components/Photos.jsx\");\n\nvar _Photos2 = _interopRequireDefault(_Photos);\n\nvar _PhotoModal = __webpack_require__(/*! ./PhotoModal */ \"./client/components/PhotoModal.jsx\");\n\nvar _PhotoModal2 = _interopRequireDefault(_PhotoModal);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar App = function (_React$Component) {\n  _inherits(App, _React$Component);\n\n  function App(props) {\n    _classCallCheck(this, App);\n\n    var _this = _possibleConstructorReturn(this, (App.__proto__ || Object.getPrototypeOf(App)).call(this, props));\n\n    _this.state = {\n      hostel: {},\n      locations: [],\n      highlight: {},\n      lightbox: false,\n      currentSlide: {}\n    };\n\n    _this.searchForHostel = _this.searchForHostel.bind(_this);\n    _this.toggleLightbox = _this.toggleLightbox.bind(_this);\n    _this.updateCurrentSlide = _this.updateCurrentSlide.bind(_this);\n    return _this;\n  }\n\n  _createClass(App, [{\n    key: 'componentDidMount',\n    value: function componentDidMount() {\n      if (this.state.locations.length === 0) {\n        this.getLocations();\n      }\n      var path = window.location.pathname;\n      var id = path.split('/')[1];\n      if (!id) {\n        id = 1;\n      }\n      this.getHostel(id);\n    }\n  }, {\n    key: 'getHostel',\n    value: function getHostel(id) {\n      var _this2 = this;\n\n      (0, _axios2.default)({\n        url: 'http://localhost:3002/api/hostels/' + id,\n        method: 'GET'\n      }).then(function (response) {\n        _this2.setState({\n          hostel: response.data.hostel,\n          highlight: {\n            rating: response.data.rating,\n            keyword: response.data.keyword,\n            totalReviews: response.data.totalReviews,\n            topFeatures: response.data.topFeatures\n          }\n        });\n      }).catch(function (error) {\n        console.log(\"Client couldn't get hostel info: \", error);\n      });\n    }\n  }, {\n    key: 'getLocations',\n    value: function getLocations() {\n      var _this3 = this;\n\n      (0, _axios2.default)({\n        url: 'http://localhost:3002/api/hostels',\n        method: 'GET'\n      }).then(function (response) {\n        _this3.setState({\n          locations: response.data\n        });\n      }).catch(function (error) {\n        console.log(\"Client couldn't get locations: \", error);\n      });\n    }\n  }, {\n    key: 'searchForHostel',\n    value: function searchForHostel(locationId) {\n      var _this4 = this;\n\n      (0, _axios2.default)({\n        url: 'http://localhost:3002/api/hostels/' + locationId + '/info',\n        method: 'GET'\n      }).then(function (response) {\n        _this4.setState({\n          hostel: response.data.hostel,\n          highlight: {\n            rating: response.data.rating,\n            keyword: response.data.keyword,\n            totalReviews: response.data.totalReviews,\n            topFeatures: response.data.topFeatures\n          }\n        });\n      }).catch(function (error) {\n        console.log(\"Client couldn't get hostel info: \", error);\n      });\n    }\n  }, {\n    key: 'toggleLightbox',\n    value: function toggleLightbox() {\n      this.setState(function (prevState) {\n        return { lightbox: !prevState.lightbox };\n      });\n    }\n  }, {\n    key: 'updateCurrentSlide',\n    value: function updateCurrentSlide(slideIndex, slideUrl) {\n      this.setState({\n        currentSlide: {\n          slideIndex: slideIndex,\n          slideUrl: slideUrl\n        }\n      });\n    }\n  }, {\n    key: 'render',\n    value: function render() {\n      return _react2.default.createElement(\n        'div',\n        null,\n        _react2.default.createElement(\n          'div',\n          { id: 'search' },\n          _react2.default.createElement(\n            'div',\n            { className: 'container' },\n            _react2.default.createElement(_Search2.default, {\n              name: this.state.hostel.name,\n              location_id: this.state.hostel.location_id,\n              locations: this.state.locations,\n              getHostel: this.searchForHostel\n            })\n          )\n        ),\n        _react2.default.createElement(_Nav2.default, null),\n        _react2.default.createElement(\n          'section',\n          { id: 'hostel-info' },\n          _react2.default.createElement(\n            'div',\n            { className: 'container' },\n            _react2.default.createElement(\n              'div',\n              { className: 'row' },\n              Object.keys(this.state.highlight).length > 0 && _react2.default.createElement(_Review2.default, { highlight: this.state.highlight }),\n              _react2.default.createElement(\n                'div',\n                { className: 'col-md-9' },\n                _react2.default.createElement(\n                  'h4',\n                  null,\n                  'Property Description'\n                ),\n                _react2.default.createElement(\n                  'p',\n                  null,\n                  this.state.hostel.description\n                )\n              )\n            )\n          )\n        ),\n        Object.keys(this.state.hostel).length > 0 && _react2.default.createElement(_Photos2.default, {\n          urls: this.state.hostel.photos,\n          toggleLightbox: this.toggleLightbox,\n          updateCurrentSlide: this.updateCurrentSlide\n        }),\n        Object.keys(this.state.hostel).length > 0 && _react2.default.createElement(_PhotoModal2.default, {\n          lightbox: this.state.lightbox,\n          toggleLightbox: this.toggleLightbox,\n          urls: this.state.hostel.photos,\n          currentSlide: this.state.currentSlide\n        })\n      );\n    }\n  }]);\n\n  return App;\n}(_react2.default.Component);\n\nexports.default = App;//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9jbGllbnQvY29tcG9uZW50cy9BcHAuanN4LmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vL2NsaWVudC9jb21wb25lbnRzL0FwcC5qc3g/YjNiNyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IGF4aW9zIGZyb20gJ2F4aW9zJztcbmltcG9ydCBTZWFyY2ggZnJvbSAnLi9TZWFyY2gnO1xuaW1wb3J0IE5hdiBmcm9tICcuL05hdic7XG5pbXBvcnQgUmV2aWV3IGZyb20gJy4vUmV2aWV3JztcbmltcG9ydCBQaG90b3MgZnJvbSAnLi9QaG90b3MnO1xuaW1wb3J0IFBob3RvTW9kYWwgZnJvbSAnLi9QaG90b01vZGFsJztcblxuY2xhc3MgQXBwIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgY29uc3RydWN0b3IocHJvcHMpIHtcbiAgICBzdXBlcihwcm9wcyk7XG4gICAgdGhpcy5zdGF0ZSA9IHtcbiAgICAgIGhvc3RlbDoge30sXG4gICAgICBsb2NhdGlvbnM6IFtdLFxuICAgICAgaGlnaGxpZ2h0OiB7fSxcbiAgICAgIGxpZ2h0Ym94OiBmYWxzZSxcbiAgICAgIGN1cnJlbnRTbGlkZToge30sXG4gICAgfTtcblxuICAgIHRoaXMuc2VhcmNoRm9ySG9zdGVsID0gdGhpcy5zZWFyY2hGb3JIb3N0ZWwuYmluZCh0aGlzKTtcbiAgICB0aGlzLnRvZ2dsZUxpZ2h0Ym94ID0gdGhpcy50b2dnbGVMaWdodGJveC5iaW5kKHRoaXMpO1xuICAgIHRoaXMudXBkYXRlQ3VycmVudFNsaWRlID0gdGhpcy51cGRhdGVDdXJyZW50U2xpZGUuYmluZCh0aGlzKTtcbiAgfVxuXG4gIGNvbXBvbmVudERpZE1vdW50KCkge1xuICAgIGlmICh0aGlzLnN0YXRlLmxvY2F0aW9ucy5sZW5ndGggPT09IDApIHtcbiAgICAgIHRoaXMuZ2V0TG9jYXRpb25zKCk7XG4gICAgfVxuICAgIGNvbnN0IHBhdGggPSB3aW5kb3cubG9jYXRpb24ucGF0aG5hbWU7XG4gICAgbGV0IGlkID0gcGF0aC5zcGxpdCgnLycpWzFdO1xuICAgIGlmICghaWQpIHtcbiAgICAgIGlkID0gMTtcbiAgICB9XG4gICAgdGhpcy5nZXRIb3N0ZWwoaWQpO1xuICB9XG5cbiAgZ2V0SG9zdGVsKGlkKSB7XG4gICAgYXhpb3Moe1xuICAgICAgdXJsOiBgaHR0cDovL2xvY2FsaG9zdDozMDAyL2FwaS9ob3N0ZWxzLyR7aWR9YCxcbiAgICAgIG1ldGhvZDogJ0dFVCcsXG4gICAgfSlcbiAgICAgIC50aGVuKChyZXNwb25zZSkgPT4ge1xuICAgICAgICB0aGlzLnNldFN0YXRlKHtcbiAgICAgICAgICBob3N0ZWw6IHJlc3BvbnNlLmRhdGEuaG9zdGVsLFxuICAgICAgICAgIGhpZ2hsaWdodDoge1xuICAgICAgICAgICAgcmF0aW5nOiByZXNwb25zZS5kYXRhLnJhdGluZyxcbiAgICAgICAgICAgIGtleXdvcmQ6IHJlc3BvbnNlLmRhdGEua2V5d29yZCxcbiAgICAgICAgICAgIHRvdGFsUmV2aWV3czogcmVzcG9uc2UuZGF0YS50b3RhbFJldmlld3MsXG4gICAgICAgICAgICB0b3BGZWF0dXJlczogcmVzcG9uc2UuZGF0YS50b3BGZWF0dXJlcyxcbiAgICAgICAgICB9LFxuICAgICAgICB9KTtcbiAgICAgIH0pXG4gICAgICAuY2F0Y2goKGVycm9yKSA9PiB7XG4gICAgICAgIGNvbnNvbGUubG9nKFwiQ2xpZW50IGNvdWxkbid0IGdldCBob3N0ZWwgaW5mbzogXCIsIGVycm9yKTtcbiAgICAgIH0pO1xuICB9XG5cbiAgZ2V0TG9jYXRpb25zKCkge1xuICAgIGF4aW9zKHtcbiAgICAgIHVybDogJ2h0dHA6Ly9sb2NhbGhvc3Q6MzAwMi9hcGkvaG9zdGVscycsXG4gICAgICBtZXRob2Q6ICdHRVQnLFxuICAgIH0pXG4gICAgICAudGhlbigocmVzcG9uc2UpID0+IHtcbiAgICAgICAgdGhpcy5zZXRTdGF0ZSh7XG4gICAgICAgICAgbG9jYXRpb25zOiByZXNwb25zZS5kYXRhLFxuICAgICAgICB9KTtcbiAgICAgIH0pXG4gICAgICAuY2F0Y2goKGVycm9yKSA9PiB7XG4gICAgICAgIGNvbnNvbGUubG9nKFwiQ2xpZW50IGNvdWxkbid0IGdldCBsb2NhdGlvbnM6IFwiLCBlcnJvcik7XG4gICAgICB9KTtcbiAgfVxuXG4gIHNlYXJjaEZvckhvc3RlbChsb2NhdGlvbklkKSB7XG4gICAgYXhpb3Moe1xuICAgICAgdXJsOiBgaHR0cDovL2xvY2FsaG9zdDozMDAyL2FwaS9ob3N0ZWxzLyR7bG9jYXRpb25JZH0vaW5mb2AsXG4gICAgICBtZXRob2Q6ICdHRVQnLFxuICAgIH0pXG4gICAgICAudGhlbigocmVzcG9uc2UpID0+IHtcbiAgICAgICAgdGhpcy5zZXRTdGF0ZSh7XG4gICAgICAgICAgaG9zdGVsOiByZXNwb25zZS5kYXRhLmhvc3RlbCxcbiAgICAgICAgICBoaWdobGlnaHQ6IHtcbiAgICAgICAgICAgIHJhdGluZzogcmVzcG9uc2UuZGF0YS5yYXRpbmcsXG4gICAgICAgICAgICBrZXl3b3JkOiByZXNwb25zZS5kYXRhLmtleXdvcmQsXG4gICAgICAgICAgICB0b3RhbFJldmlld3M6IHJlc3BvbnNlLmRhdGEudG90YWxSZXZpZXdzLFxuICAgICAgICAgICAgdG9wRmVhdHVyZXM6IHJlc3BvbnNlLmRhdGEudG9wRmVhdHVyZXMsXG4gICAgICAgICAgfSxcbiAgICAgICAgfSk7XG4gICAgICB9KVxuICAgICAgLmNhdGNoKChlcnJvcikgPT4ge1xuICAgICAgICBjb25zb2xlLmxvZyhcIkNsaWVudCBjb3VsZG4ndCBnZXQgaG9zdGVsIGluZm86IFwiLCBlcnJvcik7XG4gICAgICB9KTtcbiAgfVxuXG4gIHRvZ2dsZUxpZ2h0Ym94KCkge1xuICAgIHRoaXMuc2V0U3RhdGUocHJldlN0YXRlID0+IChcbiAgICAgIHsgbGlnaHRib3g6ICFwcmV2U3RhdGUubGlnaHRib3ggfVxuICAgICkpO1xuICB9XG5cbiAgdXBkYXRlQ3VycmVudFNsaWRlKHNsaWRlSW5kZXgsIHNsaWRlVXJsKSB7XG4gICAgdGhpcy5zZXRTdGF0ZSh7XG4gICAgICBjdXJyZW50U2xpZGU6IHtcbiAgICAgICAgc2xpZGVJbmRleCxcbiAgICAgICAgc2xpZGVVcmwsXG4gICAgICB9LFxuICAgIH0pO1xuICB9XG5cbiAgcmVuZGVyKCkge1xuICAgIHJldHVybiAoXG4gICAgICA8ZGl2PlxuICAgICAgICA8ZGl2IGlkPVwic2VhcmNoXCI+XG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJjb250YWluZXJcIj5cbiAgICAgICAgICAgIDxTZWFyY2hcbiAgICAgICAgICAgICAgbmFtZT17dGhpcy5zdGF0ZS5ob3N0ZWwubmFtZX1cbiAgICAgICAgICAgICAgbG9jYXRpb25faWQ9e3RoaXMuc3RhdGUuaG9zdGVsLmxvY2F0aW9uX2lkfVxuICAgICAgICAgICAgICBsb2NhdGlvbnM9e3RoaXMuc3RhdGUubG9jYXRpb25zfVxuICAgICAgICAgICAgICBnZXRIb3N0ZWw9e3RoaXMuc2VhcmNoRm9ySG9zdGVsfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxOYXYgLz5cbiAgICAgICAgPHNlY3Rpb24gaWQ9XCJob3N0ZWwtaW5mb1wiPlxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiY29udGFpbmVyXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cInJvd1wiPlxuICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgT2JqZWN0LmtleXModGhpcy5zdGF0ZS5oaWdobGlnaHQpLmxlbmd0aCA+IDAgJiZcbiAgICAgICAgICAgICAgICA8UmV2aWV3IGhpZ2hsaWdodD17dGhpcy5zdGF0ZS5oaWdobGlnaHR9IC8+XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJjb2wtbWQtOVwiPlxuICAgICAgICAgICAgICAgIDxoND5Qcm9wZXJ0eSBEZXNjcmlwdGlvbjwvaDQ+XG4gICAgICAgICAgICAgICAgPHA+e3RoaXMuc3RhdGUuaG9zdGVsLmRlc2NyaXB0aW9ufTwvcD5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9zZWN0aW9uPlxuICAgICAgICB7XG4gICAgICAgICAgT2JqZWN0LmtleXModGhpcy5zdGF0ZS5ob3N0ZWwpLmxlbmd0aCA+IDAgJiZcbiAgICAgICAgICA8UGhvdG9zXG4gICAgICAgICAgICB1cmxzPXt0aGlzLnN0YXRlLmhvc3RlbC5waG90b3N9XG4gICAgICAgICAgICB0b2dnbGVMaWdodGJveD17dGhpcy50b2dnbGVMaWdodGJveH1cbiAgICAgICAgICAgIHVwZGF0ZUN1cnJlbnRTbGlkZT17dGhpcy51cGRhdGVDdXJyZW50U2xpZGV9XG4gICAgICAgICAgLz5cbiAgICAgICAgfVxuICAgICAgICB7XG4gICAgICAgICAgT2JqZWN0LmtleXModGhpcy5zdGF0ZS5ob3N0ZWwpLmxlbmd0aCA+IDAgJiZcbiAgICAgICAgICA8UGhvdG9Nb2RhbFxuICAgICAgICAgICAgbGlnaHRib3g9e3RoaXMuc3RhdGUubGlnaHRib3h9XG4gICAgICAgICAgICB0b2dnbGVMaWdodGJveD17dGhpcy50b2dnbGVMaWdodGJveH1cbiAgICAgICAgICAgIHVybHM9e3RoaXMuc3RhdGUuaG9zdGVsLnBob3Rvc31cbiAgICAgICAgICAgIGN1cnJlbnRTbGlkZT17dGhpcy5zdGF0ZS5jdXJyZW50U2xpZGV9XG4gICAgICAgICAgLz5cbiAgICAgICAgfVxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfVxufVxuXG5leHBvcnQgZGVmYXVsdCBBcHA7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7Ozs7Ozs7Ozs7QUFDQTs7O0FBQ0E7QUFBQTtBQUNBO0FBREE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUxBO0FBQ0E7QUFPQTtBQUNBO0FBQ0E7QUFaQTtBQWFBO0FBQ0E7OztBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7OztBQUVBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFDQTtBQUZBO0FBS0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFKQTtBQUZBO0FBU0E7QUFFQTtBQUNBO0FBQ0E7OztBQUVBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFDQTtBQUZBO0FBS0E7QUFDQTtBQURBO0FBR0E7QUFFQTtBQUNBO0FBQ0E7OztBQUVBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFDQTtBQUZBO0FBS0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFKQTtBQUZBO0FBU0E7QUFFQTtBQUNBO0FBQ0E7OztBQUVBO0FBQ0E7QUFBQTtBQUFBO0FBR0E7OztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFGQTtBQURBO0FBTUE7OztBQUVBO0FBQ0E7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUpBO0FBREE7QUFEQTtBQVVBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBRUE7QUFHQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUZBO0FBTEE7QUFEQTtBQURBO0FBZUE7QUFFQTtBQUNBO0FBQ0E7QUFIQTtBQU9BO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFKQTtBQXBDQTtBQTZDQTs7OztBQW5KQTtBQUNBO0FBcUpBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./client/components/App.jsx\n");
+eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _axios = __webpack_require__(/*! axios */ \"./node_modules/axios/index.js\");\n\nvar _axios2 = _interopRequireDefault(_axios);\n\nvar _Search = __webpack_require__(/*! ./Search */ \"./client/components/Search.jsx\");\n\nvar _Search2 = _interopRequireDefault(_Search);\n\nvar _Nav = __webpack_require__(/*! ./Nav */ \"./client/components/Nav.jsx\");\n\nvar _Nav2 = _interopRequireDefault(_Nav);\n\nvar _Review = __webpack_require__(/*! ./Review */ \"./client/components/Review.jsx\");\n\nvar _Review2 = _interopRequireDefault(_Review);\n\nvar _Photos = __webpack_require__(/*! ./Photos */ \"./client/components/Photos.jsx\");\n\nvar _Photos2 = _interopRequireDefault(_Photos);\n\nvar _PhotoModal = __webpack_require__(/*! ./PhotoModal */ \"./client/components/PhotoModal.jsx\");\n\nvar _PhotoModal2 = _interopRequireDefault(_PhotoModal);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar App = function (_React$Component) {\n  _inherits(App, _React$Component);\n\n  function App(props) {\n    _classCallCheck(this, App);\n\n    var _this = _possibleConstructorReturn(this, (App.__proto__ || Object.getPrototypeOf(App)).call(this, props));\n\n    _this.state = {\n      hostel: {},\n      locations: [],\n      highlight: {},\n      lightbox: false,\n      currentSlide: {}\n    };\n\n    _this.searchForHostel = _this.searchForHostel.bind(_this);\n    _this.toggleLightbox = _this.toggleLightbox.bind(_this);\n    _this.updateCurrentSlide = _this.updateCurrentSlide.bind(_this);\n    return _this;\n  }\n\n  _createClass(App, [{\n    key: 'componentDidMount',\n    value: function componentDidMount() {\n      if (this.state.locations.length === 0) {\n        this.getLocations();\n      }\n      var path = window.location.pathname;\n      var id = path.split('/')[1];\n      if (!id) {\n        id = 1;\n      }\n      this.getHostel(id);\n    }\n  }, {\n    key: 'getHostel',\n    value: function getHostel(id) {\n      var _this2 = this;\n\n      (0, _axios2.default)({\n        url: 'http://localhost:3002/api/hostels/' + id,\n        method: 'GET'\n      }).then(function (response) {\n        _this2.setState({\n          hostel: response.data.hostel,\n          highlight: {\n            rating: response.data.rating,\n            keyword: response.data.keyword,\n            totalReviews: response.data.totalReviews,\n            topFeatures: response.data.topFeatures\n          }\n        });\n      }).catch(function (error) {\n        console.log(\"Client couldn't get hostel info: \", error);\n      });\n    }\n  }, {\n    key: 'getLocations',\n    value: function getLocations() {\n      var _this3 = this;\n\n      (0, _axios2.default)({\n        url: 'http://localhost:3002/api/hostels',\n        method: 'GET'\n      }).then(function (response) {\n        _this3.setState({\n          locations: response.data\n        });\n      }).catch(function (error) {\n        console.log(\"Client couldn't get locations: \", error);\n      });\n    }\n  }, {\n    key: 'searchForHostel',\n    value: function searchForHostel(locationId) {\n      var _this4 = this;\n\n      (0, _axios2.default)({\n        url: 'http://localhost:3002/api/hostels/' + locationId + '/info',\n        method: 'GET'\n      }).then(function (response) {\n        _this4.setState({\n          hostel: response.data.hostel,\n          highlight: {\n            rating: response.data.rating,\n            keyword: response.data.keyword,\n            totalReviews: response.data.totalReviews,\n            topFeatures: response.data.topFeatures\n          }\n        });\n      }).catch(function (error) {\n        console.log(\"Client couldn't get hostel info: \", error);\n      });\n    }\n  }, {\n    key: 'toggleLightbox',\n    value: function toggleLightbox() {\n      this.setState(function (prevState) {\n        return { lightbox: !prevState.lightbox };\n      });\n    }\n  }, {\n    key: 'updateCurrentSlide',\n    value: function updateCurrentSlide(slideIndex, slideUrl) {\n      this.setState({\n        currentSlide: {\n          slideIndex: slideIndex,\n          slideUrl: slideUrl\n        }\n      });\n    }\n  }, {\n    key: 'render',\n    value: function render() {\n      return _react2.default.createElement(\n        'div',\n        null,\n        _react2.default.createElement(\n          'div',\n          { id: 'search' },\n          _react2.default.createElement(\n            'div',\n            { className: 'container d-none d-sm-block' },\n            ' ',\n            _react2.default.createElement(_Search2.default, {\n              name: this.state.hostel.name,\n              location_id: this.state.hostel.location_id,\n              locations: this.state.locations,\n              getHostel: this.searchForHostel\n            })\n          )\n        ),\n        _react2.default.createElement(_Nav2.default, null),\n        _react2.default.createElement(\n          'section',\n          { id: 'hostel-info' },\n          _react2.default.createElement(\n            'div',\n            { className: 'container' },\n            _react2.default.createElement(\n              'div',\n              { className: 'row' },\n              Object.keys(this.state.highlight).length > 0 && _react2.default.createElement(_Review2.default, { highlight: this.state.highlight }),\n              _react2.default.createElement(\n                'div',\n                { className: 'col-md-9' },\n                _react2.default.createElement(\n                  'h4',\n                  { className: 'd-none d-sm-block' },\n                  'Property Description'\n                ),\n                ' ',\n                _react2.default.createElement(\n                  'p',\n                  null,\n                  this.state.hostel.description\n                )\n              )\n            )\n          )\n        ),\n        Object.keys(this.state.hostel).length > 0 && _react2.default.createElement(_Photos2.default, {\n          urls: this.state.hostel.photos,\n          toggleLightbox: this.toggleLightbox,\n          updateCurrentSlide: this.updateCurrentSlide\n        }),\n        Object.keys(this.state.hostel).length > 0 && _react2.default.createElement(_PhotoModal2.default, {\n          lightbox: this.state.lightbox,\n          toggleLightbox: this.toggleLightbox,\n          urls: this.state.hostel.photos,\n          currentSlide: this.state.currentSlide\n        })\n      );\n    }\n  }]);\n\n  return App;\n}(_react2.default.Component);\n\nexports.default = App;//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9jbGllbnQvY29tcG9uZW50cy9BcHAuanN4LmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vL2NsaWVudC9jb21wb25lbnRzL0FwcC5qc3g/YjNiNyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IGF4aW9zIGZyb20gJ2F4aW9zJztcbmltcG9ydCBTZWFyY2ggZnJvbSAnLi9TZWFyY2gnO1xuaW1wb3J0IE5hdiBmcm9tICcuL05hdic7XG5pbXBvcnQgUmV2aWV3IGZyb20gJy4vUmV2aWV3JztcbmltcG9ydCBQaG90b3MgZnJvbSAnLi9QaG90b3MnO1xuaW1wb3J0IFBob3RvTW9kYWwgZnJvbSAnLi9QaG90b01vZGFsJztcblxuY2xhc3MgQXBwIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgY29uc3RydWN0b3IocHJvcHMpIHtcbiAgICBzdXBlcihwcm9wcyk7XG4gICAgdGhpcy5zdGF0ZSA9IHtcbiAgICAgIGhvc3RlbDoge30sXG4gICAgICBsb2NhdGlvbnM6IFtdLFxuICAgICAgaGlnaGxpZ2h0OiB7fSxcbiAgICAgIGxpZ2h0Ym94OiBmYWxzZSxcbiAgICAgIGN1cnJlbnRTbGlkZToge30sXG4gICAgfTtcblxuICAgIHRoaXMuc2VhcmNoRm9ySG9zdGVsID0gdGhpcy5zZWFyY2hGb3JIb3N0ZWwuYmluZCh0aGlzKTtcbiAgICB0aGlzLnRvZ2dsZUxpZ2h0Ym94ID0gdGhpcy50b2dnbGVMaWdodGJveC5iaW5kKHRoaXMpO1xuICAgIHRoaXMudXBkYXRlQ3VycmVudFNsaWRlID0gdGhpcy51cGRhdGVDdXJyZW50U2xpZGUuYmluZCh0aGlzKTtcbiAgfVxuXG4gIGNvbXBvbmVudERpZE1vdW50KCkge1xuICAgIGlmICh0aGlzLnN0YXRlLmxvY2F0aW9ucy5sZW5ndGggPT09IDApIHtcbiAgICAgIHRoaXMuZ2V0TG9jYXRpb25zKCk7XG4gICAgfVxuICAgIGNvbnN0IHBhdGggPSB3aW5kb3cubG9jYXRpb24ucGF0aG5hbWU7XG4gICAgbGV0IGlkID0gcGF0aC5zcGxpdCgnLycpWzFdO1xuICAgIGlmICghaWQpIHtcbiAgICAgIGlkID0gMTtcbiAgICB9XG4gICAgdGhpcy5nZXRIb3N0ZWwoaWQpO1xuICB9XG5cbiAgZ2V0SG9zdGVsKGlkKSB7XG4gICAgYXhpb3Moe1xuICAgICAgdXJsOiBgaHR0cDovL2xvY2FsaG9zdDozMDAyL2FwaS9ob3N0ZWxzLyR7aWR9YCxcbiAgICAgIG1ldGhvZDogJ0dFVCcsXG4gICAgfSlcbiAgICAgIC50aGVuKChyZXNwb25zZSkgPT4ge1xuICAgICAgICB0aGlzLnNldFN0YXRlKHtcbiAgICAgICAgICBob3N0ZWw6IHJlc3BvbnNlLmRhdGEuaG9zdGVsLFxuICAgICAgICAgIGhpZ2hsaWdodDoge1xuICAgICAgICAgICAgcmF0aW5nOiByZXNwb25zZS5kYXRhLnJhdGluZyxcbiAgICAgICAgICAgIGtleXdvcmQ6IHJlc3BvbnNlLmRhdGEua2V5d29yZCxcbiAgICAgICAgICAgIHRvdGFsUmV2aWV3czogcmVzcG9uc2UuZGF0YS50b3RhbFJldmlld3MsXG4gICAgICAgICAgICB0b3BGZWF0dXJlczogcmVzcG9uc2UuZGF0YS50b3BGZWF0dXJlcyxcbiAgICAgICAgICB9LFxuICAgICAgICB9KTtcbiAgICAgIH0pXG4gICAgICAuY2F0Y2goKGVycm9yKSA9PiB7XG4gICAgICAgIGNvbnNvbGUubG9nKFwiQ2xpZW50IGNvdWxkbid0IGdldCBob3N0ZWwgaW5mbzogXCIsIGVycm9yKTtcbiAgICAgIH0pO1xuICB9XG5cbiAgZ2V0TG9jYXRpb25zKCkge1xuICAgIGF4aW9zKHtcbiAgICAgIHVybDogJ2h0dHA6Ly9sb2NhbGhvc3Q6MzAwMi9hcGkvaG9zdGVscycsXG4gICAgICBtZXRob2Q6ICdHRVQnLFxuICAgIH0pXG4gICAgICAudGhlbigocmVzcG9uc2UpID0+IHtcbiAgICAgICAgdGhpcy5zZXRTdGF0ZSh7XG4gICAgICAgICAgbG9jYXRpb25zOiByZXNwb25zZS5kYXRhLFxuICAgICAgICB9KTtcbiAgICAgIH0pXG4gICAgICAuY2F0Y2goKGVycm9yKSA9PiB7XG4gICAgICAgIGNvbnNvbGUubG9nKFwiQ2xpZW50IGNvdWxkbid0IGdldCBsb2NhdGlvbnM6IFwiLCBlcnJvcik7XG4gICAgICB9KTtcbiAgfVxuXG4gIHNlYXJjaEZvckhvc3RlbChsb2NhdGlvbklkKSB7XG4gICAgYXhpb3Moe1xuICAgICAgdXJsOiBgaHR0cDovL2xvY2FsaG9zdDozMDAyL2FwaS9ob3N0ZWxzLyR7bG9jYXRpb25JZH0vaW5mb2AsXG4gICAgICBtZXRob2Q6ICdHRVQnLFxuICAgIH0pXG4gICAgICAudGhlbigocmVzcG9uc2UpID0+IHtcbiAgICAgICAgdGhpcy5zZXRTdGF0ZSh7XG4gICAgICAgICAgaG9zdGVsOiByZXNwb25zZS5kYXRhLmhvc3RlbCxcbiAgICAgICAgICBoaWdobGlnaHQ6IHtcbiAgICAgICAgICAgIHJhdGluZzogcmVzcG9uc2UuZGF0YS5yYXRpbmcsXG4gICAgICAgICAgICBrZXl3b3JkOiByZXNwb25zZS5kYXRhLmtleXdvcmQsXG4gICAgICAgICAgICB0b3RhbFJldmlld3M6IHJlc3BvbnNlLmRhdGEudG90YWxSZXZpZXdzLFxuICAgICAgICAgICAgdG9wRmVhdHVyZXM6IHJlc3BvbnNlLmRhdGEudG9wRmVhdHVyZXMsXG4gICAgICAgICAgfSxcbiAgICAgICAgfSk7XG4gICAgICB9KVxuICAgICAgLmNhdGNoKChlcnJvcikgPT4ge1xuICAgICAgICBjb25zb2xlLmxvZyhcIkNsaWVudCBjb3VsZG4ndCBnZXQgaG9zdGVsIGluZm86IFwiLCBlcnJvcik7XG4gICAgICB9KTtcbiAgfVxuXG4gIHRvZ2dsZUxpZ2h0Ym94KCkge1xuICAgIHRoaXMuc2V0U3RhdGUocHJldlN0YXRlID0+IChcbiAgICAgIHsgbGlnaHRib3g6ICFwcmV2U3RhdGUubGlnaHRib3ggfVxuICAgICkpO1xuICB9XG5cbiAgdXBkYXRlQ3VycmVudFNsaWRlKHNsaWRlSW5kZXgsIHNsaWRlVXJsKSB7XG4gICAgdGhpcy5zZXRTdGF0ZSh7XG4gICAgICBjdXJyZW50U2xpZGU6IHtcbiAgICAgICAgc2xpZGVJbmRleCxcbiAgICAgICAgc2xpZGVVcmwsXG4gICAgICB9LFxuICAgIH0pO1xuICB9XG5cbiAgcmVuZGVyKCkge1xuICAgIHJldHVybiAoXG4gICAgICA8ZGl2PlxuICAgICAgICA8ZGl2IGlkPVwic2VhcmNoXCI+XG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJjb250YWluZXIgZC1ub25lIGQtc20tYmxvY2tcIj4gey8qIGhpZGRlbiBvbiB4cyBzY3JlZW4gKi99XG4gICAgICAgICAgICA8U2VhcmNoXG4gICAgICAgICAgICAgIG5hbWU9e3RoaXMuc3RhdGUuaG9zdGVsLm5hbWV9XG4gICAgICAgICAgICAgIGxvY2F0aW9uX2lkPXt0aGlzLnN0YXRlLmhvc3RlbC5sb2NhdGlvbl9pZH1cbiAgICAgICAgICAgICAgbG9jYXRpb25zPXt0aGlzLnN0YXRlLmxvY2F0aW9uc31cbiAgICAgICAgICAgICAgZ2V0SG9zdGVsPXt0aGlzLnNlYXJjaEZvckhvc3RlbH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8TmF2IC8+XG4gICAgICAgIDxzZWN0aW9uIGlkPVwiaG9zdGVsLWluZm9cIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImNvbnRhaW5lclwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJyb3dcIj5cbiAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgIE9iamVjdC5rZXlzKHRoaXMuc3RhdGUuaGlnaGxpZ2h0KS5sZW5ndGggPiAwICYmXG4gICAgICAgICAgICAgICAgPFJldmlldyBoaWdobGlnaHQ9e3RoaXMuc3RhdGUuaGlnaGxpZ2h0fSAvPlxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiY29sLW1kLTlcIj5cbiAgICAgICAgICAgICAgICA8aDQgY2xhc3NOYW1lPVwiZC1ub25lIGQtc20tYmxvY2tcIj5Qcm9wZXJ0eSBEZXNjcmlwdGlvbjwvaDQ+IHsvKiBoaWRkZW4gb24geHMgc2NyZWVuICovfVxuICAgICAgICAgICAgICAgIDxwPnt0aGlzLnN0YXRlLmhvc3RlbC5kZXNjcmlwdGlvbn08L3A+XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvc2VjdGlvbj5cbiAgICAgICAge1xuICAgICAgICAgIE9iamVjdC5rZXlzKHRoaXMuc3RhdGUuaG9zdGVsKS5sZW5ndGggPiAwICYmXG4gICAgICAgICAgPFBob3Rvc1xuICAgICAgICAgICAgdXJscz17dGhpcy5zdGF0ZS5ob3N0ZWwucGhvdG9zfVxuICAgICAgICAgICAgdG9nZ2xlTGlnaHRib3g9e3RoaXMudG9nZ2xlTGlnaHRib3h9XG4gICAgICAgICAgICB1cGRhdGVDdXJyZW50U2xpZGU9e3RoaXMudXBkYXRlQ3VycmVudFNsaWRlfVxuICAgICAgICAgIC8+XG4gICAgICAgIH1cbiAgICAgICAge1xuICAgICAgICAgIE9iamVjdC5rZXlzKHRoaXMuc3RhdGUuaG9zdGVsKS5sZW5ndGggPiAwICYmXG4gICAgICAgICAgPFBob3RvTW9kYWxcbiAgICAgICAgICAgIGxpZ2h0Ym94PXt0aGlzLnN0YXRlLmxpZ2h0Ym94fVxuICAgICAgICAgICAgdG9nZ2xlTGlnaHRib3g9e3RoaXMudG9nZ2xlTGlnaHRib3h9XG4gICAgICAgICAgICB1cmxzPXt0aGlzLnN0YXRlLmhvc3RlbC5waG90b3N9XG4gICAgICAgICAgICBjdXJyZW50U2xpZGU9e3RoaXMuc3RhdGUuY3VycmVudFNsaWRlfVxuICAgICAgICAgIC8+XG4gICAgICAgIH1cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbn1cblxuZXhwb3J0IGRlZmF1bHQgQXBwO1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7Ozs7Ozs7Ozs7O0FBQ0E7OztBQUNBO0FBQUE7QUFDQTtBQURBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFMQTtBQUNBO0FBT0E7QUFDQTtBQUNBO0FBWkE7QUFhQTtBQUNBOzs7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOzs7QUFFQTtBQUFBO0FBQ0E7QUFBQTtBQUNBO0FBQ0E7QUFGQTtBQUtBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBSkE7QUFGQTtBQVNBO0FBRUE7QUFDQTtBQUNBOzs7QUFFQTtBQUFBO0FBQ0E7QUFBQTtBQUNBO0FBQ0E7QUFGQTtBQUtBO0FBQ0E7QUFEQTtBQUdBO0FBRUE7QUFDQTtBQUNBOzs7QUFFQTtBQUFBO0FBQ0E7QUFBQTtBQUNBO0FBQ0E7QUFGQTtBQUtBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBSkE7QUFGQTtBQVNBO0FBRUE7QUFDQTtBQUNBOzs7QUFFQTtBQUNBO0FBQUE7QUFBQTtBQUdBOzs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBRkE7QUFEQTtBQU1BOzs7QUFFQTtBQUNBO0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUpBO0FBREE7QUFEQTtBQVVBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBRUE7QUFHQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBREE7QUFFQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBRkE7QUFMQTtBQURBO0FBREE7QUFlQTtBQUVBO0FBQ0E7QUFDQTtBQUhBO0FBT0E7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUpBO0FBcENBO0FBNkNBOzs7O0FBbkpBO0FBQ0E7QUFxSkEiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./client/components/App.jsx\n");
 
 /***/ }),
 
@@ -106,7 +106,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n\nvar _react = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n\nvar _react2 = _interopRequireDefault(_react);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar Nav = function Nav() {\n  return _react2.default.createElement(\n    \"section\",\n    { id: \"navbar\", className: \"container\" },\n    _react2.default.createElement(\n      \"ul\",\n      { className: \"nav\" },\n      _react2.default.createElement(\n        \"li\",\n        { className: \"nav-item\" },\n        _react2.default.createElement(\n          \"a\",\n          { className: \"nav-link active\", href: \"#\" },\n          \"Overview\"\n        )\n      ),\n      _react2.default.createElement(\n        \"li\",\n        { className: \"nav-item\" },\n        _react2.default.createElement(\n          \"a\",\n          { className: \"nav-link\", href: \"#\" },\n          \"Prices\"\n        )\n      ),\n      _react2.default.createElement(\n        \"li\",\n        { className: \"nav-item\" },\n        _react2.default.createElement(\n          \"a\",\n          { className: \"nav-link\", href: \"#\" },\n          \"Reviews\"\n        )\n      )\n    )\n  );\n};\n\nexports.default = Nav;//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9jbGllbnQvY29tcG9uZW50cy9OYXYuanN4LmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vL2NsaWVudC9jb21wb25lbnRzL05hdi5qc3g/NzZlNSJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5jb25zdCBOYXYgPSAoKSA9PiAoXG4gIDxzZWN0aW9uIGlkPVwibmF2YmFyXCIgY2xhc3NOYW1lPVwiY29udGFpbmVyXCI+XG4gICAgPHVsIGNsYXNzTmFtZT1cIm5hdlwiPlxuICAgICAgPGxpIGNsYXNzTmFtZT1cIm5hdi1pdGVtXCI+XG4gICAgICAgIDxhIGNsYXNzTmFtZT1cIm5hdi1saW5rIGFjdGl2ZVwiIGhyZWY9XCIjXCI+XG4gICAgICAgICAgT3ZlcnZpZXdcbiAgICAgICAgPC9hPlxuICAgICAgPC9saT5cbiAgICAgIDxsaSBjbGFzc05hbWU9XCJuYXYtaXRlbVwiPlxuICAgICAgICA8YSBjbGFzc05hbWU9XCJuYXYtbGlua1wiIGhyZWY9XCIjXCI+UHJpY2VzPC9hPlxuICAgICAgPC9saT5cbiAgICAgIDxsaSBjbGFzc05hbWU9XCJuYXYtaXRlbVwiPlxuICAgICAgICA8YSBjbGFzc05hbWU9XCJuYXYtbGlua1wiIGhyZWY9XCIjXCI+UmV2aWV3czwvYT5cbiAgICAgIDwvbGk+XG4gICAgPC91bD5cbiAgPC9zZWN0aW9uPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgTmF2O1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQTtBQUNBOzs7OztBQUNBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQURBO0FBS0E7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQURBO0FBR0E7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQURBO0FBVEE7QUFEQTtBQURBO0FBQ0E7QUFpQkEiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./client/components/Nav.jsx\n");
+eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n\nvar _react = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n\nvar _react2 = _interopRequireDefault(_react);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar Nav = function Nav() {\n  return [_react2.default.createElement(\n    \"section\",\n    { id: \"navbar\", className: \"container d-none d-sm-block\" },\n    \" \",\n    _react2.default.createElement(\n      \"ul\",\n      { className: \"nav\" },\n      _react2.default.createElement(\n        \"li\",\n        { className: \"nav-item\" },\n        _react2.default.createElement(\n          \"a\",\n          { className: \"nav-link active\", href: \"#\" },\n          \"Overview\"\n        )\n      ),\n      _react2.default.createElement(\n        \"li\",\n        { className: \"nav-item\" },\n        _react2.default.createElement(\n          \"a\",\n          { className: \"nav-link\", href: \"#\" },\n          \"Prices\"\n        )\n      ),\n      _react2.default.createElement(\n        \"li\",\n        { className: \"nav-item\" },\n        _react2.default.createElement(\n          \"a\",\n          { className: \"nav-link\", href: \"#\" },\n          \"Reviews\"\n        )\n      )\n    )\n  ), _react2.default.createElement(\n    \"div\",\n    { className: \"container navbar-mobile px-0 d-block d-sm-none\" },\n    \" \",\n    _react2.default.createElement(\n      \"div\",\n      { className: \"row navbar-mobile_row my-0\" },\n      _react2.default.createElement(\n        \"div\",\n        { className: \"col-4 py-3 px-0\" },\n        _react2.default.createElement(\"i\", { className: \"far fa-calendar\" }),\n        \"\\xA0PRICES\"\n      ),\n      _react2.default.createElement(\n        \"div\",\n        { className: \"col-4 py-3 px-0\" },\n        _react2.default.createElement(\"i\", { className: \"fas fa-map-marker-alt\" }),\n        \"\\xA0MAP\"\n      ),\n      _react2.default.createElement(\n        \"div\",\n        { className: \"col-4 py-3 px-0\" },\n        _react2.default.createElement(\"i\", { className: \"fas fa-comment\" }),\n        \"\\xA0REVIEWS\"\n      )\n    )\n  )];\n};\n\nexports.default = Nav;//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9jbGllbnQvY29tcG9uZW50cy9OYXYuanN4LmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vL2NsaWVudC9jb21wb25lbnRzL05hdi5qc3g/NzZlNSJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5jb25zdCBOYXYgPSAoKSA9PiBbXG4gIDxzZWN0aW9uIGlkPVwibmF2YmFyXCIgY2xhc3NOYW1lPVwiY29udGFpbmVyIGQtbm9uZSBkLXNtLWJsb2NrXCI+IHsvKiBvbmx5IHZpc2libGUgb24gbGFyZ2Ugc2NyZWVuICovfVxuICAgIDx1bCBjbGFzc05hbWU9XCJuYXZcIj5cbiAgICAgIDxsaSBjbGFzc05hbWU9XCJuYXYtaXRlbVwiPlxuICAgICAgICA8YSBjbGFzc05hbWU9XCJuYXYtbGluayBhY3RpdmVcIiBocmVmPVwiI1wiPlxuICAgICAgICAgIE92ZXJ2aWV3XG4gICAgICAgIDwvYT5cbiAgICAgIDwvbGk+XG4gICAgICA8bGkgY2xhc3NOYW1lPVwibmF2LWl0ZW1cIj5cbiAgICAgICAgPGEgY2xhc3NOYW1lPVwibmF2LWxpbmtcIiBocmVmPVwiI1wiPlxuICAgICAgICAgIFByaWNlc1xuICAgICAgICA8L2E+XG4gICAgICA8L2xpPlxuICAgICAgPGxpIGNsYXNzTmFtZT1cIm5hdi1pdGVtXCI+XG4gICAgICAgIDxhIGNsYXNzTmFtZT1cIm5hdi1saW5rXCIgaHJlZj1cIiNcIj5cbiAgICAgICAgICBSZXZpZXdzXG4gICAgICAgIDwvYT5cbiAgICAgIDwvbGk+XG4gICAgPC91bD5cbiAgPC9zZWN0aW9uPixcbiAgPGRpdiBjbGFzc05hbWU9XCJjb250YWluZXIgbmF2YmFyLW1vYmlsZSBweC0wIGQtYmxvY2sgZC1zbS1ub25lXCI+IHsvKiBoaWRkZW4gb24gbGFyZ2Ugc2NyZWVuICovfVxuICAgIDxkaXYgY2xhc3NOYW1lPVwicm93IG5hdmJhci1tb2JpbGVfcm93IG15LTBcIj5cbiAgICAgIDxkaXYgY2xhc3NOYW1lPVwiY29sLTQgcHktMyBweC0wXCI+XG4gICAgICAgIDxpIGNsYXNzTmFtZT1cImZhciBmYS1jYWxlbmRhclwiIC8+Jm5ic3A7UFJJQ0VTXG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3NOYW1lPVwiY29sLTQgcHktMyBweC0wXCI+XG4gICAgICAgIDxpIGNsYXNzTmFtZT1cImZhcyBmYS1tYXAtbWFya2VyLWFsdFwiIC8+Jm5ic3A7TUFQXG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3NOYW1lPVwiY29sLTQgcHktMyBweC0wXCI+XG4gICAgICAgIDxpIGNsYXNzTmFtZT1cImZhcyBmYS1jb21tZW50XCIgLz4mbmJzcDtSRVZJRVdTXG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG5dO1xuXG5leHBvcnQgZGVmYXVsdCBOYXY7XG4iXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBO0FBQ0E7Ozs7O0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFEQTtBQUtBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFEQTtBQUtBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFEQTtBQVhBO0FBREE7QUFtQkE7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFEQTtBQUFBO0FBR0E7QUFBQTtBQUFBO0FBQ0E7QUFEQTtBQUFBO0FBR0E7QUFBQTtBQUFBO0FBQ0E7QUFEQTtBQUFBO0FBUEE7QUFEQTtBQXBCQTtBQUNBO0FBa0NBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./client/components/Nav.jsx\n");
 
 /***/ }),
 
@@ -142,7 +142,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n\nvar _react = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar Photos = function Photos(props) {\n  var openModal = function openModal(slideIndex, url) {\n    props.updateCurrentSlide(slideIndex, url);\n    props.toggleLightbox();\n  };\n\n  return _react2.default.createElement(\n    'section',\n    { id: 'photo-gallery', className: 'container' },\n    _react2.default.createElement(\n      'div',\n      { className: 'row no-gutters gallery' },\n      props.urls.map(function (url, i) {\n        return _react2.default.createElement(\n          'div',\n          { className: 'col-md-1 col-sm-3 gallery-image' },\n          _react2.default.createElement('img', {\n            className: 'rounded img-fluid',\n            src: url,\n            alt: '',\n            onClick: openModal.bind(undefined, i, url)\n          })\n        );\n      })\n    )\n  );\n};\n\nPhotos.propTypes = {\n  urls: _propTypes2.default.arrayOf(_propTypes2.default.string).isRequired,\n  toggleLightbox: _propTypes2.default.func.isRequired,\n  updateCurrentSlide: _propTypes2.default.func.isRequired\n};\n\nexports.default = Photos;//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9jbGllbnQvY29tcG9uZW50cy9QaG90b3MuanN4LmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vL2NsaWVudC9jb21wb25lbnRzL1Bob3Rvcy5qc3g/OWU4MSJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcblxuY29uc3QgUGhvdG9zID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IG9wZW5Nb2RhbCA9IChzbGlkZUluZGV4LCB1cmwpID0+IHtcbiAgICBwcm9wcy51cGRhdGVDdXJyZW50U2xpZGUoc2xpZGVJbmRleCwgdXJsKTtcbiAgICBwcm9wcy50b2dnbGVMaWdodGJveCgpO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPHNlY3Rpb24gaWQ9XCJwaG90by1nYWxsZXJ5XCIgY2xhc3NOYW1lPVwiY29udGFpbmVyXCI+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cInJvdyBuby1ndXR0ZXJzIGdhbGxlcnlcIj5cbiAgICAgICAge1xuICAgICAgICAgIHByb3BzLnVybHMubWFwKCh1cmwsIGkpID0+IChcbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiY29sLW1kLTEgY29sLXNtLTMgZ2FsbGVyeS1pbWFnZVwiPlxuICAgICAgICAgICAgICA8aW1nXG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPVwicm91bmRlZCBpbWctZmx1aWRcIlxuICAgICAgICAgICAgICAgIHNyYz17dXJsfVxuICAgICAgICAgICAgICAgIGFsdD1cIlwiXG4gICAgICAgICAgICAgICAgb25DbGljaz17b3Blbk1vZGFsLmJpbmQodGhpcywgaSwgdXJsKX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICkpXG4gICAgICAgIH1cbiAgICAgIDwvZGl2PlxuICAgIDwvc2VjdGlvbj5cbiAgKTtcbn07XG5cblBob3Rvcy5wcm9wVHlwZXMgPSB7XG4gIHVybHM6IFByb3BUeXBlcy5hcnJheU9mKFByb3BUeXBlcy5zdHJpbmcpLmlzUmVxdWlyZWQsXG4gIHRvZ2dsZUxpZ2h0Ym94OiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICB1cGRhdGVDdXJyZW50U2xpZGU6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBQaG90b3M7XG4iXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7Ozs7O0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBRUE7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBSkE7QUFEQTtBQURBO0FBRkE7QUFEQTtBQWlCQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFIQTtBQUNBO0FBS0EiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./client/components/Photos.jsx\n");
+eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n\nvar _react = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar Photos = function Photos(props) {\n  var openModal = function openModal(slideIndex, url) {\n    props.updateCurrentSlide(slideIndex, url);\n    props.toggleLightbox();\n  };\n\n  return _react2.default.createElement(\n    'section',\n    { id: 'photo-gallery', className: 'container d-none d-sm-block' },\n    _react2.default.createElement(\n      'div',\n      { className: 'row no-gutters gallery' },\n      props.urls.map(function (url, i) {\n        return _react2.default.createElement(\n          'div',\n          { className: 'col-md-1 col-sm-3 gallery-image' },\n          _react2.default.createElement('img', {\n            className: 'rounded img-fluid',\n            src: url,\n            alt: '',\n            onClick: openModal.bind(undefined, i, url)\n          })\n        );\n      })\n    )\n  );\n};\n\nPhotos.propTypes = {\n  urls: _propTypes2.default.arrayOf(_propTypes2.default.string).isRequired,\n  toggleLightbox: _propTypes2.default.func.isRequired,\n  updateCurrentSlide: _propTypes2.default.func.isRequired\n};\n\nexports.default = Photos;//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9jbGllbnQvY29tcG9uZW50cy9QaG90b3MuanN4LmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vL2NsaWVudC9jb21wb25lbnRzL1Bob3Rvcy5qc3g/OWU4MSJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcblxuY29uc3QgUGhvdG9zID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IG9wZW5Nb2RhbCA9IChzbGlkZUluZGV4LCB1cmwpID0+IHtcbiAgICBwcm9wcy51cGRhdGVDdXJyZW50U2xpZGUoc2xpZGVJbmRleCwgdXJsKTtcbiAgICBwcm9wcy50b2dnbGVMaWdodGJveCgpO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPHNlY3Rpb24gaWQ9XCJwaG90by1nYWxsZXJ5XCIgY2xhc3NOYW1lPVwiY29udGFpbmVyIGQtbm9uZSBkLXNtLWJsb2NrXCI+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cInJvdyBuby1ndXR0ZXJzIGdhbGxlcnlcIj5cbiAgICAgICAge1xuICAgICAgICAgIHByb3BzLnVybHMubWFwKCh1cmwsIGkpID0+IChcbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiY29sLW1kLTEgY29sLXNtLTMgZ2FsbGVyeS1pbWFnZVwiPlxuICAgICAgICAgICAgICA8aW1nXG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPVwicm91bmRlZCBpbWctZmx1aWRcIlxuICAgICAgICAgICAgICAgIHNyYz17dXJsfVxuICAgICAgICAgICAgICAgIGFsdD1cIlwiXG4gICAgICAgICAgICAgICAgb25DbGljaz17b3Blbk1vZGFsLmJpbmQodGhpcywgaSwgdXJsKX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICkpXG4gICAgICAgIH1cbiAgICAgIDwvZGl2PlxuICAgIDwvc2VjdGlvbj5cbiAgKTtcbn07XG5cblBob3Rvcy5wcm9wVHlwZXMgPSB7XG4gIHVybHM6IFByb3BUeXBlcy5hcnJheU9mKFByb3BUeXBlcy5zdHJpbmcpLmlzUmVxdWlyZWQsXG4gIHRvZ2dsZUxpZ2h0Ym94OiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICB1cGRhdGVDdXJyZW50U2xpZGU6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBQaG90b3M7XG4iXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7Ozs7O0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBRUE7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBSkE7QUFEQTtBQURBO0FBRkE7QUFEQTtBQWlCQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFIQTtBQUNBO0FBS0EiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./client/components/Photos.jsx\n");
 
 /***/ }),
 
@@ -154,7 +154,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n\nvar _react = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar getIcon = function getIcon(feature) {\n  var icon = void 0;\n  if (feature === 'Location') {\n    icon = 'fas fa-map-marker-alt';\n  } else if (feature === 'Staff') {\n    icon = 'fas fa-user';\n  } else if (feature === 'Cleanliness') {\n    icon = 'fas fa-magic';\n  }\n  return icon;\n};\n\nvar getIconClassName = function getIconClassName(feature) {\n  var className = void 0;\n  if (feature === 'Location') {\n    className = 'badge badge-red';\n  } else if (feature === 'Staff') {\n    className = 'badge badge-green';\n  } else if (feature === 'Cleanliness') {\n    className = 'badge badge-blue';\n  }\n  return className;\n};\n\nvar Review = function Review(props) {\n  return _react2.default.createElement(\n    'div',\n    { className: 'col-md-3' },\n    _react2.default.createElement(\n      'div',\n      { className: 'row rating-summary' },\n      _react2.default.createElement(\n        'div',\n        { className: 'col-md-1 score' },\n        props.highlight.rating\n      ),\n      _react2.default.createElement(\n        'div',\n        { className: 'col-md-9 info' },\n        _react2.default.createElement(\n          'p',\n          { className: 'keyword' },\n          props.highlight.keyword\n        ),\n        _react2.default.createElement(\n          'a',\n          { className: 'counter', href: '#' },\n          _react2.default.createElement('i', { className: 'far fa-comment' }),\n          _react2.default.createElement(\n            'span',\n            { className: 'total-reviews' },\n            props.highlight.totalReviews,\n            ' Total Reviews'\n          )\n        )\n      )\n    ),\n    _react2.default.createElement(\n      'ul',\n      { className: 'rating-factors' },\n      props.highlight.topFeatures.map(function (topFeature) {\n        return _react2.default.createElement(\n          'li',\n          { key: topFeature.order, className: 'rating' },\n          _react2.default.createElement(\n            'span',\n            { className: getIconClassName(topFeature.feature) },\n            _react2.default.createElement('i', { className: getIcon(topFeature.feature) })\n          ),\n          _react2.default.createElement(\n            'span',\n            { className: 'top-features' },\n            topFeature.ratingFactor,\n            ' ',\n            _react2.default.createElement(\n              'b',\n              null,\n              topFeature.feature\n            )\n          )\n        );\n      })\n    ),\n    _react2.default.createElement(\n      'button',\n      { type: 'button', className: 'btn btn-link' },\n      'Read all reviews'\n    )\n  );\n};\n\nReview.propTypes = {\n  highlight: _propTypes2.default.shape({\n    rating: _propTypes2.default.number.isRequired,\n    keyword: _propTypes2.default.string.isRequired,\n    totalReviews: _propTypes2.default.number.isRequired,\n    topFeatures: _propTypes2.default.arrayOf(_propTypes2.default.shape({\n      order: _propTypes2.default.number.isRequired,\n      feature: _propTypes2.default.string.isRequired,\n      ratingFactor: _propTypes2.default.string.isRequired\n    }))\n  }).isRequired\n};\n\nexports.default = Review;//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9jbGllbnQvY29tcG9uZW50cy9SZXZpZXcuanN4LmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vL2NsaWVudC9jb21wb25lbnRzL1Jldmlldy5qc3g/YzAzNSJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcblxuY29uc3QgZ2V0SWNvbiA9IChmZWF0dXJlKSA9PiB7XG4gIGxldCBpY29uO1xuICBpZiAoZmVhdHVyZSA9PT0gJ0xvY2F0aW9uJykge1xuICAgIGljb24gPSAnZmFzIGZhLW1hcC1tYXJrZXItYWx0JztcbiAgfSBlbHNlIGlmIChmZWF0dXJlID09PSAnU3RhZmYnKSB7XG4gICAgaWNvbiA9ICdmYXMgZmEtdXNlcic7XG4gIH0gZWxzZSBpZiAoZmVhdHVyZSA9PT0gJ0NsZWFubGluZXNzJykge1xuICAgIGljb24gPSAnZmFzIGZhLW1hZ2ljJztcbiAgfVxuICByZXR1cm4gaWNvbjtcbn07XG5cbmNvbnN0IGdldEljb25DbGFzc05hbWUgPSAoZmVhdHVyZSkgPT4ge1xuICBsZXQgY2xhc3NOYW1lO1xuICBpZiAoZmVhdHVyZSA9PT0gJ0xvY2F0aW9uJykge1xuICAgIGNsYXNzTmFtZSA9ICdiYWRnZSBiYWRnZS1yZWQnO1xuICB9IGVsc2UgaWYgKGZlYXR1cmUgPT09ICdTdGFmZicpIHtcbiAgICBjbGFzc05hbWUgPSAnYmFkZ2UgYmFkZ2UtZ3JlZW4nO1xuICB9IGVsc2UgaWYgKGZlYXR1cmUgPT09ICdDbGVhbmxpbmVzcycpIHtcbiAgICBjbGFzc05hbWUgPSAnYmFkZ2UgYmFkZ2UtYmx1ZSc7XG4gIH1cbiAgcmV0dXJuIGNsYXNzTmFtZTtcbn07XG5cbmNvbnN0IFJldmlldyA9IHByb3BzID0+IChcbiAgPGRpdiBjbGFzc05hbWU9XCJjb2wtbWQtM1wiPlxuICAgIDxkaXYgY2xhc3NOYW1lPVwicm93IHJhdGluZy1zdW1tYXJ5XCI+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cImNvbC1tZC0xIHNjb3JlXCI+XG4gICAgICAgIHtwcm9wcy5oaWdobGlnaHQucmF0aW5nfVxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cImNvbC1tZC05IGluZm9cIj5cbiAgICAgICAgPHAgY2xhc3NOYW1lPVwia2V5d29yZFwiPntwcm9wcy5oaWdobGlnaHQua2V5d29yZH08L3A+XG4gICAgICAgIDxhIGNsYXNzTmFtZT1cImNvdW50ZXJcIiBocmVmPVwiI1wiPlxuICAgICAgICAgIDxpIGNsYXNzTmFtZT1cImZhciBmYS1jb21tZW50XCIgLz5cbiAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9XCJ0b3RhbC1yZXZpZXdzXCI+XG4gICAgICAgICAgICB7cHJvcHMuaGlnaGxpZ2h0LnRvdGFsUmV2aWV3c30gVG90YWwgUmV2aWV3c1xuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPC9hPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPHVsIGNsYXNzTmFtZT1cInJhdGluZy1mYWN0b3JzXCI+XG4gICAgICB7XG4gICAgICAgIHByb3BzLmhpZ2hsaWdodC50b3BGZWF0dXJlcy5tYXAodG9wRmVhdHVyZSA9PiAoXG4gICAgICAgICAgPGxpIGtleT17dG9wRmVhdHVyZS5vcmRlcn0gY2xhc3NOYW1lPVwicmF0aW5nXCI+XG4gICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9e2dldEljb25DbGFzc05hbWUodG9wRmVhdHVyZS5mZWF0dXJlKX0+XG4gICAgICAgICAgICAgIDxpIGNsYXNzTmFtZT17Z2V0SWNvbih0b3BGZWF0dXJlLmZlYXR1cmUpfSAvPlxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPVwidG9wLWZlYXR1cmVzXCI+XG4gICAgICAgICAgICAgIHt0b3BGZWF0dXJlLnJhdGluZ0ZhY3Rvcn0gPGI+e3RvcEZlYXR1cmUuZmVhdHVyZX08L2I+XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgPC9saT5cbiAgICAgICAgKSlcbiAgICAgIH1cbiAgICA8L3VsPlxuICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIGNsYXNzTmFtZT1cImJ0biBidG4tbGlua1wiPlJlYWQgYWxsIHJldmlld3M8L2J1dHRvbj5cbiAgPC9kaXY+XG4pO1xuXG5SZXZpZXcucHJvcFR5cGVzID0ge1xuICBoaWdobGlnaHQ6IFByb3BUeXBlcy5zaGFwZSh7XG4gICAgcmF0aW5nOiBQcm9wVHlwZXMubnVtYmVyLmlzUmVxdWlyZWQsXG4gICAga2V5d29yZDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgIHRvdGFsUmV2aWV3czogUHJvcFR5cGVzLm51bWJlci5pc1JlcXVpcmVkLFxuICAgIHRvcEZlYXR1cmVzOiBQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMuc2hhcGUoe1xuICAgICAgb3JkZXI6IFByb3BUeXBlcy5udW1iZXIuaXNSZXF1aXJlZCxcbiAgICAgIGZlYXR1cmU6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgICAgIHJhdGluZ0ZhY3RvcjogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgIH0pKSxcbiAgfSkuaXNSZXF1aXJlZCxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFJldmlldztcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7Ozs7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBREE7QUFHQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQURBO0FBQUE7QUFGQTtBQUZBO0FBSkE7QUFjQTtBQUFBO0FBQUE7QUFFQTtBQUFBO0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBREE7QUFHQTtBQUFBO0FBQUE7QUFDQTtBQURBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQURBO0FBSkE7QUFEQTtBQUZBO0FBY0E7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQTdCQTtBQURBO0FBQ0E7QUFpQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBSEE7QUFKQTtBQURBO0FBQ0E7QUFZQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./client/components/Review.jsx\n");
+eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n\nvar _react = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar getIcon = function getIcon(feature) {\n  var icon = void 0;\n  if (feature === 'Location') {\n    icon = 'fas fa-map-marker-alt';\n  } else if (feature === 'Staff') {\n    icon = 'fas fa-user';\n  } else if (feature === 'Cleanliness') {\n    icon = 'fas fa-magic';\n  }\n  return icon;\n};\n\nvar getIconClassName = function getIconClassName(feature) {\n  var className = void 0;\n  if (feature === 'Location') {\n    className = 'badge badge-red';\n  } else if (feature === 'Staff') {\n    className = 'badge badge-green';\n  } else if (feature === 'Cleanliness') {\n    className = 'badge badge-blue';\n  }\n  return className;\n};\n\nvar Review = function Review(props) {\n  return _react2.default.createElement(\n    'div',\n    { className: 'col-md-3' },\n    _react2.default.createElement(\n      'div',\n      { className: 'row rating-summary' },\n      _react2.default.createElement(\n        'div',\n        { className: 'btn score' },\n        props.highlight.rating\n      ),\n      _react2.default.createElement(\n        'div',\n        { className: 'info ml-3' },\n        _react2.default.createElement(\n          'p',\n          { className: 'keyword' },\n          props.highlight.keyword\n        ),\n        _react2.default.createElement(\n          'a',\n          { className: 'counter', href: '#' },\n          _react2.default.createElement('i', { className: 'far fa-comment' }),\n          _react2.default.createElement(\n            'span',\n            { className: 'total-reviews' },\n            props.highlight.totalReviews,\n            ' Total Reviews'\n          )\n        )\n      )\n    ),\n    _react2.default.createElement(\n      'ul',\n      { className: 'rating-factors' },\n      props.highlight.topFeatures.map(function (topFeature) {\n        return _react2.default.createElement(\n          'li',\n          { key: topFeature.order, className: 'rating' },\n          _react2.default.createElement(\n            'span',\n            { className: getIconClassName(topFeature.feature) },\n            _react2.default.createElement('i', { className: getIcon(topFeature.feature) })\n          ),\n          _react2.default.createElement(\n            'span',\n            { className: 'top-features' },\n            topFeature.ratingFactor,\n            ' ',\n            _react2.default.createElement(\n              'b',\n              null,\n              topFeature.feature\n            )\n          )\n        );\n      })\n    ),\n    _react2.default.createElement(\n      'button',\n      { type: 'button', className: 'btn btn-link d-none d-sm-block' },\n      'Read all reviews'\n    )\n  );\n};\n\nReview.propTypes = {\n  highlight: _propTypes2.default.shape({\n    rating: _propTypes2.default.number.isRequired,\n    keyword: _propTypes2.default.string.isRequired,\n    totalReviews: _propTypes2.default.number.isRequired,\n    topFeatures: _propTypes2.default.arrayOf(_propTypes2.default.shape({\n      order: _propTypes2.default.number.isRequired,\n      feature: _propTypes2.default.string.isRequired,\n      ratingFactor: _propTypes2.default.string.isRequired\n    }))\n  }).isRequired\n};\n\nexports.default = Review;//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9jbGllbnQvY29tcG9uZW50cy9SZXZpZXcuanN4LmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vL2NsaWVudC9jb21wb25lbnRzL1Jldmlldy5qc3g/YzAzNSJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcblxuY29uc3QgZ2V0SWNvbiA9IChmZWF0dXJlKSA9PiB7XG4gIGxldCBpY29uO1xuICBpZiAoZmVhdHVyZSA9PT0gJ0xvY2F0aW9uJykge1xuICAgIGljb24gPSAnZmFzIGZhLW1hcC1tYXJrZXItYWx0JztcbiAgfSBlbHNlIGlmIChmZWF0dXJlID09PSAnU3RhZmYnKSB7XG4gICAgaWNvbiA9ICdmYXMgZmEtdXNlcic7XG4gIH0gZWxzZSBpZiAoZmVhdHVyZSA9PT0gJ0NsZWFubGluZXNzJykge1xuICAgIGljb24gPSAnZmFzIGZhLW1hZ2ljJztcbiAgfVxuICByZXR1cm4gaWNvbjtcbn07XG5cbmNvbnN0IGdldEljb25DbGFzc05hbWUgPSAoZmVhdHVyZSkgPT4ge1xuICBsZXQgY2xhc3NOYW1lO1xuICBpZiAoZmVhdHVyZSA9PT0gJ0xvY2F0aW9uJykge1xuICAgIGNsYXNzTmFtZSA9ICdiYWRnZSBiYWRnZS1yZWQnO1xuICB9IGVsc2UgaWYgKGZlYXR1cmUgPT09ICdTdGFmZicpIHtcbiAgICBjbGFzc05hbWUgPSAnYmFkZ2UgYmFkZ2UtZ3JlZW4nO1xuICB9IGVsc2UgaWYgKGZlYXR1cmUgPT09ICdDbGVhbmxpbmVzcycpIHtcbiAgICBjbGFzc05hbWUgPSAnYmFkZ2UgYmFkZ2UtYmx1ZSc7XG4gIH1cbiAgcmV0dXJuIGNsYXNzTmFtZTtcbn07XG5cbmNvbnN0IFJldmlldyA9IHByb3BzID0+IChcbiAgPGRpdiBjbGFzc05hbWU9XCJjb2wtbWQtM1wiPlxuICAgIDxkaXYgY2xhc3NOYW1lPVwicm93IHJhdGluZy1zdW1tYXJ5XCI+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cImJ0biBzY29yZVwiPlxuICAgICAgICB7cHJvcHMuaGlnaGxpZ2h0LnJhdGluZ31cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzc05hbWU9XCJpbmZvIG1sLTNcIj5cbiAgICAgICAgPHAgY2xhc3NOYW1lPVwia2V5d29yZFwiPntwcm9wcy5oaWdobGlnaHQua2V5d29yZH08L3A+XG4gICAgICAgIDxhIGNsYXNzTmFtZT1cImNvdW50ZXJcIiBocmVmPVwiI1wiPlxuICAgICAgICAgIDxpIGNsYXNzTmFtZT1cImZhciBmYS1jb21tZW50XCIgLz5cbiAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9XCJ0b3RhbC1yZXZpZXdzXCI+XG4gICAgICAgICAgICB7cHJvcHMuaGlnaGxpZ2h0LnRvdGFsUmV2aWV3c30gVG90YWwgUmV2aWV3c1xuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPC9hPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPHVsIGNsYXNzTmFtZT1cInJhdGluZy1mYWN0b3JzXCI+XG4gICAgICB7XG4gICAgICAgIHByb3BzLmhpZ2hsaWdodC50b3BGZWF0dXJlcy5tYXAodG9wRmVhdHVyZSA9PiAoXG4gICAgICAgICAgPGxpIGtleT17dG9wRmVhdHVyZS5vcmRlcn0gY2xhc3NOYW1lPVwicmF0aW5nXCI+XG4gICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9e2dldEljb25DbGFzc05hbWUodG9wRmVhdHVyZS5mZWF0dXJlKX0+XG4gICAgICAgICAgICAgIDxpIGNsYXNzTmFtZT17Z2V0SWNvbih0b3BGZWF0dXJlLmZlYXR1cmUpfSAvPlxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPVwidG9wLWZlYXR1cmVzXCI+XG4gICAgICAgICAgICAgIHt0b3BGZWF0dXJlLnJhdGluZ0ZhY3Rvcn0gPGI+e3RvcEZlYXR1cmUuZmVhdHVyZX08L2I+XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgPC9saT5cbiAgICAgICAgKSlcbiAgICAgIH1cbiAgICA8L3VsPlxuICAgIHsvKiBoaWRkZW4gb24geHMgc2NyZWVuICovfVxuICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIGNsYXNzTmFtZT1cImJ0biBidG4tbGluayBkLW5vbmUgZC1zbS1ibG9ja1wiPlJlYWQgYWxsIHJldmlld3M8L2J1dHRvbj5cbiAgPC9kaXY+XG4pO1xuXG5SZXZpZXcucHJvcFR5cGVzID0ge1xuICBoaWdobGlnaHQ6IFByb3BUeXBlcy5zaGFwZSh7XG4gICAgcmF0aW5nOiBQcm9wVHlwZXMubnVtYmVyLmlzUmVxdWlyZWQsXG4gICAga2V5d29yZDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgIHRvdGFsUmV2aWV3czogUHJvcFR5cGVzLm51bWJlci5pc1JlcXVpcmVkLFxuICAgIHRvcEZlYXR1cmVzOiBQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMuc2hhcGUoe1xuICAgICAgb3JkZXI6IFByb3BUeXBlcy5udW1iZXIuaXNSZXF1aXJlZCxcbiAgICAgIGZlYXR1cmU6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgICAgIHJhdGluZ0ZhY3RvcjogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgIH0pKSxcbiAgfSkuaXNSZXF1aXJlZCxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFJldmlldztcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7Ozs7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBREE7QUFHQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQURBO0FBQUE7QUFGQTtBQUZBO0FBSkE7QUFjQTtBQUFBO0FBQUE7QUFFQTtBQUFBO0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBREE7QUFHQTtBQUFBO0FBQUE7QUFDQTtBQURBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQURBO0FBSkE7QUFEQTtBQUZBO0FBZUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQTlCQTtBQURBO0FBQ0E7QUFrQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBSEE7QUFKQTtBQURBO0FBQ0E7QUFZQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./client/components/Review.jsx\n");
 
 /***/ }),
 
@@ -488,7 +488,7 @@ eval("\n\nvar bind = __webpack_require__(/*! ./helpers/bind */ \"./node_modules/
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("exports = module.exports = __webpack_require__(/*! ../node_modules/css-loader/lib/css-base.js */ \"./node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.i, \"#Overview h2 {\\n  font-family: \\\"Noto\\\", Helvetica, Arial, sans-serif;\\n  font-size: 1.2rem;\\n  line-height: 1.4; }\\n\\n#Overview a {\\n  color: #ff6a3a; }\\n\\n#Overview button:hover {\\n  color: #ff4000; }\\n\\n#Overview img {\\n  transition: opacity 0.2s ease-in-out; }\\n\\n#Overview input {\\n  width: 100%; }\\n\\n#Overview #search {\\n  font-family: \\\"Noto\\\", Helvetica, Arial, sans-serif;\\n  background-color: #313131; }\\n\\n#Overview label {\\n  color: #ccc;\\n  font-weight: 700;\\n  font-size: 0.65rem; }\\n\\n#Overview .search {\\n  align-items: center; }\\n\\n#Overview .search-btn {\\n  background-color: #ff7346;\\n  color: white;\\n  align-items: flex-start;\\n  margin-top: 29px; }\\n\\n#Overview .nav {\\n  padding: 1rem;\\n  border-bottom: 1px solid #e4e4e4; }\\n\\n#Overview .nav-item {\\n  padding-right: 1rem;\\n  margin-right: 1rem;\\n  border-right: 1px solid #e4e4e4; }\\n\\n#Overview .nav-link {\\n  padding: 0px; }\\n\\n#Overview a.nav-link {\\n  color: #444; }\\n\\n#Overview a.nav-link.active {\\n  border-bottom: 3px solid #444; }\\n\\n#Overview #hostel-info {\\n  font-family: \\\"Noto\\\", Helvetica, Arial, sans-serif;\\n  background: linear-gradient(#f4f4f4, #fff);\\n  padding-top: 1rem; }\\n\\n#Overview .row {\\n  max-width: 70rem;\\n  width: 100%;\\n  margin: 0 auto;\\n  margin-bottom: 1rem; }\\n\\n#Overview .score {\\n  background-color: #ff7346;\\n  padding: 0.5rem;\\n  font-size: 1.4rem;\\n  text-align: center;\\n  font-weight: 700;\\n  border-radius: 0.188rem;\\n  color: #fff;\\n  line-height: 1;\\n  min-width: 3.4rem;\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  height: 2.4rem; }\\n\\n#Overview .rating-summary .info .counter {\\n  display: inline-flex;\\n  align-items: center;\\n  margin-top: 0.25rem; }\\n\\n#Overview .keyword {\\n  box-sizing: border-box;\\n  display: block;\\n  color: #ff7346;\\n  font-size: 16px;\\n  font-weight: 700;\\n  line-height: 19.2px;\\n  margin-bottom: 0px;\\n  padding-bottom: 0px; }\\n\\n#Overview .counter {\\n  box-sizing: border-box;\\n  font-size: 0.65rem;\\n  cursor: pointer; }\\n\\n#Overview .counter:hover {\\n  color: #ff4000;\\n  text-decoration: none; }\\n\\n#Overview .total-reviews {\\n  margin-left: 0.2rem; }\\n\\n#Overview .rating-factors {\\n  padding: 0rem 0;\\n  border-top: 1px dotted #ccc;\\n  border-bottom: 1px dotted #ccc;\\n  margin-top: 1rem;\\n  margin-left: 0;\\n  padding-bottom: 1rem; }\\n\\n#Overview .rating {\\n  padding-top: 1rem;\\n  list-style: none;\\n  display: flex;\\n  align-items: center; }\\n\\n#Overview .badge {\\n  width: 1.563rem;\\n  height: 1.563rem; }\\n\\n#Overview .badge-red {\\n  background: #fd5951;\\n  color: #fff; }\\n\\n#Overview .badge-green {\\n  background: #00c08a;\\n  color: #fff; }\\n\\n#Overview .badge-blue {\\n  background: #00d4f9;\\n  color: #fff; }\\n\\n#Overview .badge {\\n  border-radius: 50%;\\n  display: flex;\\n  justify-content: center;\\n  align-items: center;\\n  padding: 0.5rem; }\\n\\n#Overview .top-features {\\n  margin-left: 0.5rem;\\n  font-size: 0.9rem; }\\n\\n#Overview .btn-link {\\n  padding-left: 0px;\\n  color: #ff7346;\\n  text-decoration: none;\\n  font-size: 0.8rem; }\\n\\n#Overview #photo-gallery {\\n  padding-bottom: 2rem; }\\n\\n#Overview .gallery {\\n  padding: 0.125rem;\\n  padding-left: 15px; }\\n\\n@media (min-width: 768px) {\\n  #Overview .col-md-1 {\\n    -ms-flex: 0 0 8.333333%;\\n    flex: 0 0 8.333333%;\\n    max-width: 74.14px; } }\\n\\n#Overview .img-fluid {\\n  height: 50px;\\n  width: 74.14px;\\n  cursor: pointer;\\n  padding: 0.125rem; }\\n\\n#Overview img {\\n  transition: 0.5s ease; }\\n\\n#Overview .gallery-image:hover img {\\n  opacity: 0.4; }\\n\\n#Overview .modal {\\n  display: none;\\n  position: fixed;\\n  z-index: 100;\\n  padding-top: 100px;\\n  left: 0;\\n  top: 0;\\n  width: 100%;\\n  height: 100%;\\n  overflow: auto;\\n  background-color: rgba(0, 0, 0, 0.9); }\\n\\n#Overview .modal-content {\\n  position: relative;\\n  background-color: #fefefe;\\n  margin: auto;\\n  padding: 0;\\n  width: 90%;\\n  max-width: 1200px; }\\n\\n#Overview .close {\\n  color: #ccc;\\n  position: absolute;\\n  top: 10px;\\n  right: 25px;\\n  font-size: 1rem;\\n  font-weight: 400; }\\n\\n#Overview .close:hover,\\n#Overview .close:focus {\\n  color: #999;\\n  text-decoration: none;\\n  cursor: pointer; }\\n\\n#Overview .mySlides {\\n  display: none; }\\n\\n#Overview .search-bar {\\n  padding: 1rem; }\\n\\n#Overview .location {\\n  position: relative; }\\n\\n#Overview .location .fa-crosshairs {\\n  position: absolute;\\n  padding: 10px;\\n  right: 8px;\\n  top: 2px;\\n  color: #666; }\\n\\n#Overview .calendar {\\n  position: relative; }\\n\\n#Overview .calendar .fa-calendar-alt {\\n  position: absolute;\\n  padding: 10px;\\n  right: 8px;\\n  top: 2px;\\n  color: #ccc; }\\n\", \"\"]);\n\n// exports\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9ub2RlX21vZHVsZXMvY3NzLWxvYWRlci9pbmRleC5qcyEuL25vZGVfbW9kdWxlcy9zYXNzLWxvYWRlci9saWIvbG9hZGVyLmpzIS4vcHVibGljL3N0eWxlLnNjc3MuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9wdWJsaWMvc3R5bGUuc2Nzcz9kYTA2Il0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydHMgPSBtb2R1bGUuZXhwb3J0cyA9IHJlcXVpcmUoXCIuLi9ub2RlX21vZHVsZXMvY3NzLWxvYWRlci9saWIvY3NzLWJhc2UuanNcIikoZmFsc2UpO1xuLy8gaW1wb3J0c1xuXG5cbi8vIG1vZHVsZVxuZXhwb3J0cy5wdXNoKFttb2R1bGUuaWQsIFwiI092ZXJ2aWV3IGgyIHtcXG4gIGZvbnQtZmFtaWx5OiBcXFwiTm90b1xcXCIsIEhlbHZldGljYSwgQXJpYWwsIHNhbnMtc2VyaWY7XFxuICBmb250LXNpemU6IDEuMnJlbTtcXG4gIGxpbmUtaGVpZ2h0OiAxLjQ7IH1cXG5cXG4jT3ZlcnZpZXcgYSB7XFxuICBjb2xvcjogI2ZmNmEzYTsgfVxcblxcbiNPdmVydmlldyBidXR0b246aG92ZXIge1xcbiAgY29sb3I6ICNmZjQwMDA7IH1cXG5cXG4jT3ZlcnZpZXcgaW1nIHtcXG4gIHRyYW5zaXRpb246IG9wYWNpdHkgMC4ycyBlYXNlLWluLW91dDsgfVxcblxcbiNPdmVydmlldyBpbnB1dCB7XFxuICB3aWR0aDogMTAwJTsgfVxcblxcbiNPdmVydmlldyAjc2VhcmNoIHtcXG4gIGZvbnQtZmFtaWx5OiBcXFwiTm90b1xcXCIsIEhlbHZldGljYSwgQXJpYWwsIHNhbnMtc2VyaWY7XFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMzEzMTMxOyB9XFxuXFxuI092ZXJ2aWV3IGxhYmVsIHtcXG4gIGNvbG9yOiAjY2NjO1xcbiAgZm9udC13ZWlnaHQ6IDcwMDtcXG4gIGZvbnQtc2l6ZTogMC42NXJlbTsgfVxcblxcbiNPdmVydmlldyAuc2VhcmNoIHtcXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7IH1cXG5cXG4jT3ZlcnZpZXcgLnNlYXJjaC1idG4ge1xcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmNzM0NjtcXG4gIGNvbG9yOiB3aGl0ZTtcXG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xcbiAgbWFyZ2luLXRvcDogMjlweDsgfVxcblxcbiNPdmVydmlldyAubmF2IHtcXG4gIHBhZGRpbmc6IDFyZW07XFxuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgI2U0ZTRlNDsgfVxcblxcbiNPdmVydmlldyAubmF2LWl0ZW0ge1xcbiAgcGFkZGluZy1yaWdodDogMXJlbTtcXG4gIG1hcmdpbi1yaWdodDogMXJlbTtcXG4gIGJvcmRlci1yaWdodDogMXB4IHNvbGlkICNlNGU0ZTQ7IH1cXG5cXG4jT3ZlcnZpZXcgLm5hdi1saW5rIHtcXG4gIHBhZGRpbmc6IDBweDsgfVxcblxcbiNPdmVydmlldyBhLm5hdi1saW5rIHtcXG4gIGNvbG9yOiAjNDQ0OyB9XFxuXFxuI092ZXJ2aWV3IGEubmF2LWxpbmsuYWN0aXZlIHtcXG4gIGJvcmRlci1ib3R0b206IDNweCBzb2xpZCAjNDQ0OyB9XFxuXFxuI092ZXJ2aWV3ICNob3N0ZWwtaW5mbyB7XFxuICBmb250LWZhbWlseTogXFxcIk5vdG9cXFwiLCBIZWx2ZXRpY2EsIEFyaWFsLCBzYW5zLXNlcmlmO1xcbiAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KCNmNGY0ZjQsICNmZmYpO1xcbiAgcGFkZGluZy10b3A6IDFyZW07IH1cXG5cXG4jT3ZlcnZpZXcgLnJvdyB7XFxuICBtYXgtd2lkdGg6IDcwcmVtO1xcbiAgd2lkdGg6IDEwMCU7XFxuICBtYXJnaW46IDAgYXV0bztcXG4gIG1hcmdpbi1ib3R0b206IDFyZW07IH1cXG5cXG4jT3ZlcnZpZXcgLnNjb3JlIHtcXG4gIGJhY2tncm91bmQtY29sb3I6ICNmZjczNDY7XFxuICBwYWRkaW5nOiAwLjVyZW07XFxuICBmb250LXNpemU6IDEuNHJlbTtcXG4gIHRleHQtYWxpZ246IGNlbnRlcjtcXG4gIGZvbnQtd2VpZ2h0OiA3MDA7XFxuICBib3JkZXItcmFkaXVzOiAwLjE4OHJlbTtcXG4gIGNvbG9yOiAjZmZmO1xcbiAgbGluZS1oZWlnaHQ6IDE7XFxuICBtaW4td2lkdGg6IDMuNHJlbTtcXG4gIGRpc3BsYXk6IGZsZXg7XFxuICBhbGlnbi1pdGVtczogY2VudGVyO1xcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XFxuICBoZWlnaHQ6IDIuNHJlbTsgfVxcblxcbiNPdmVydmlldyAucmF0aW5nLXN1bW1hcnkgLmluZm8gLmNvdW50ZXIge1xcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XFxuICBhbGlnbi1pdGVtczogY2VudGVyO1xcbiAgbWFyZ2luLXRvcDogMC4yNXJlbTsgfVxcblxcbiNPdmVydmlldyAua2V5d29yZCB7XFxuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xcbiAgZGlzcGxheTogYmxvY2s7XFxuICBjb2xvcjogI2ZmNzM0NjtcXG4gIGZvbnQtc2l6ZTogMTZweDtcXG4gIGZvbnQtd2VpZ2h0OiA3MDA7XFxuICBsaW5lLWhlaWdodDogMTkuMnB4O1xcbiAgbWFyZ2luLWJvdHRvbTogMHB4O1xcbiAgcGFkZGluZy1ib3R0b206IDBweDsgfVxcblxcbiNPdmVydmlldyAuY291bnRlciB7XFxuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xcbiAgZm9udC1zaXplOiAwLjY1cmVtO1xcbiAgY3Vyc29yOiBwb2ludGVyOyB9XFxuXFxuI092ZXJ2aWV3IC5jb3VudGVyOmhvdmVyIHtcXG4gIGNvbG9yOiAjZmY0MDAwO1xcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOyB9XFxuXFxuI092ZXJ2aWV3IC50b3RhbC1yZXZpZXdzIHtcXG4gIG1hcmdpbi1sZWZ0OiAwLjJyZW07IH1cXG5cXG4jT3ZlcnZpZXcgLnJhdGluZy1mYWN0b3JzIHtcXG4gIHBhZGRpbmc6IDByZW0gMDtcXG4gIGJvcmRlci10b3A6IDFweCBkb3R0ZWQgI2NjYztcXG4gIGJvcmRlci1ib3R0b206IDFweCBkb3R0ZWQgI2NjYztcXG4gIG1hcmdpbi10b3A6IDFyZW07XFxuICBtYXJnaW4tbGVmdDogMDtcXG4gIHBhZGRpbmctYm90dG9tOiAxcmVtOyB9XFxuXFxuI092ZXJ2aWV3IC5yYXRpbmcge1xcbiAgcGFkZGluZy10b3A6IDFyZW07XFxuICBsaXN0LXN0eWxlOiBub25lO1xcbiAgZGlzcGxheTogZmxleDtcXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7IH1cXG5cXG4jT3ZlcnZpZXcgLmJhZGdlIHtcXG4gIHdpZHRoOiAxLjU2M3JlbTtcXG4gIGhlaWdodDogMS41NjNyZW07IH1cXG5cXG4jT3ZlcnZpZXcgLmJhZGdlLXJlZCB7XFxuICBiYWNrZ3JvdW5kOiAjZmQ1OTUxO1xcbiAgY29sb3I6ICNmZmY7IH1cXG5cXG4jT3ZlcnZpZXcgLmJhZGdlLWdyZWVuIHtcXG4gIGJhY2tncm91bmQ6ICMwMGMwOGE7XFxuICBjb2xvcjogI2ZmZjsgfVxcblxcbiNPdmVydmlldyAuYmFkZ2UtYmx1ZSB7XFxuICBiYWNrZ3JvdW5kOiAjMDBkNGY5O1xcbiAgY29sb3I6ICNmZmY7IH1cXG5cXG4jT3ZlcnZpZXcgLmJhZGdlIHtcXG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcXG4gIGRpc3BsYXk6IGZsZXg7XFxuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICBwYWRkaW5nOiAwLjVyZW07IH1cXG5cXG4jT3ZlcnZpZXcgLnRvcC1mZWF0dXJlcyB7XFxuICBtYXJnaW4tbGVmdDogMC41cmVtO1xcbiAgZm9udC1zaXplOiAwLjlyZW07IH1cXG5cXG4jT3ZlcnZpZXcgLmJ0bi1saW5rIHtcXG4gIHBhZGRpbmctbGVmdDogMHB4O1xcbiAgY29sb3I6ICNmZjczNDY7XFxuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XFxuICBmb250LXNpemU6IDAuOHJlbTsgfVxcblxcbiNPdmVydmlldyAjcGhvdG8tZ2FsbGVyeSB7XFxuICBwYWRkaW5nLWJvdHRvbTogMnJlbTsgfVxcblxcbiNPdmVydmlldyAuZ2FsbGVyeSB7XFxuICBwYWRkaW5nOiAwLjEyNXJlbTtcXG4gIHBhZGRpbmctbGVmdDogMTVweDsgfVxcblxcbkBtZWRpYSAobWluLXdpZHRoOiA3NjhweCkge1xcbiAgI092ZXJ2aWV3IC5jb2wtbWQtMSB7XFxuICAgIC1tcy1mbGV4OiAwIDAgOC4zMzMzMzMlO1xcbiAgICBmbGV4OiAwIDAgOC4zMzMzMzMlO1xcbiAgICBtYXgtd2lkdGg6IDc0LjE0cHg7IH0gfVxcblxcbiNPdmVydmlldyAuaW1nLWZsdWlkIHtcXG4gIGhlaWdodDogNTBweDtcXG4gIHdpZHRoOiA3NC4xNHB4O1xcbiAgY3Vyc29yOiBwb2ludGVyO1xcbiAgcGFkZGluZzogMC4xMjVyZW07IH1cXG5cXG4jT3ZlcnZpZXcgaW1nIHtcXG4gIHRyYW5zaXRpb246IDAuNXMgZWFzZTsgfVxcblxcbiNPdmVydmlldyAuZ2FsbGVyeS1pbWFnZTpob3ZlciBpbWcge1xcbiAgb3BhY2l0eTogMC40OyB9XFxuXFxuI092ZXJ2aWV3IC5tb2RhbCB7XFxuICBkaXNwbGF5OiBub25lO1xcbiAgcG9zaXRpb246IGZpeGVkO1xcbiAgei1pbmRleDogMTAwO1xcbiAgcGFkZGluZy10b3A6IDEwMHB4O1xcbiAgbGVmdDogMDtcXG4gIHRvcDogMDtcXG4gIHdpZHRoOiAxMDAlO1xcbiAgaGVpZ2h0OiAxMDAlO1xcbiAgb3ZlcmZsb3c6IGF1dG87XFxuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuOSk7IH1cXG5cXG4jT3ZlcnZpZXcgLm1vZGFsLWNvbnRlbnQge1xcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZlZmVmZTtcXG4gIG1hcmdpbjogYXV0bztcXG4gIHBhZGRpbmc6IDA7XFxuICB3aWR0aDogOTAlO1xcbiAgbWF4LXdpZHRoOiAxMjAwcHg7IH1cXG5cXG4jT3ZlcnZpZXcgLmNsb3NlIHtcXG4gIGNvbG9yOiAjY2NjO1xcbiAgcG9zaXRpb246IGFic29sdXRlO1xcbiAgdG9wOiAxMHB4O1xcbiAgcmlnaHQ6IDI1cHg7XFxuICBmb250LXNpemU6IDFyZW07XFxuICBmb250LXdlaWdodDogNDAwOyB9XFxuXFxuI092ZXJ2aWV3IC5jbG9zZTpob3ZlcixcXG4jT3ZlcnZpZXcgLmNsb3NlOmZvY3VzIHtcXG4gIGNvbG9yOiAjOTk5O1xcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xcbiAgY3Vyc29yOiBwb2ludGVyOyB9XFxuXFxuI092ZXJ2aWV3IC5teVNsaWRlcyB7XFxuICBkaXNwbGF5OiBub25lOyB9XFxuXFxuI092ZXJ2aWV3IC5zZWFyY2gtYmFyIHtcXG4gIHBhZGRpbmc6IDFyZW07IH1cXG5cXG4jT3ZlcnZpZXcgLmxvY2F0aW9uIHtcXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTsgfVxcblxcbiNPdmVydmlldyAubG9jYXRpb24gLmZhLWNyb3NzaGFpcnMge1xcbiAgcG9zaXRpb246IGFic29sdXRlO1xcbiAgcGFkZGluZzogMTBweDtcXG4gIHJpZ2h0OiA4cHg7XFxuICB0b3A6IDJweDtcXG4gIGNvbG9yOiAjNjY2OyB9XFxuXFxuI092ZXJ2aWV3IC5jYWxlbmRhciB7XFxuICBwb3NpdGlvbjogcmVsYXRpdmU7IH1cXG5cXG4jT3ZlcnZpZXcgLmNhbGVuZGFyIC5mYS1jYWxlbmRhci1hbHQge1xcbiAgcG9zaXRpb246IGFic29sdXRlO1xcbiAgcGFkZGluZzogMTBweDtcXG4gIHJpZ2h0OiA4cHg7XFxuICB0b3A6IDJweDtcXG4gIGNvbG9yOiAjY2NjOyB9XFxuXCIsIFwiXCJdKTtcblxuLy8gZXhwb3J0c1xuIl0sIm1hcHBpbmdzIjoiQUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./node_modules/css-loader/index.js!./node_modules/sass-loader/lib/loader.js!./public/style.scss\n");
+eval("exports = module.exports = __webpack_require__(/*! ../node_modules/css-loader/lib/css-base.js */ \"./node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.i, \"#Overview h2 {\\n  font-family: \\\"Noto\\\", Helvetica, Arial, sans-serif;\\n  font-size: 1.2rem;\\n  line-height: 1.4; }\\n\\n#Overview a {\\n  color: #ff6a3a; }\\n\\n#Overview button:hover {\\n  color: #ff4000; }\\n\\n#Overview img {\\n  transition: opacity 0.2s ease-in-out; }\\n\\n#Overview input {\\n  width: 100%; }\\n\\n#Overview #search {\\n  font-family: \\\"Noto\\\", Helvetica, Arial, sans-serif;\\n  background-color: #313131; }\\n\\n#Overview label {\\n  color: #ccc;\\n  font-weight: 700;\\n  font-size: 0.65rem; }\\n\\n#Overview .search {\\n  align-items: center; }\\n\\n#Overview .search-btn {\\n  background-color: #ff7346;\\n  color: white;\\n  align-items: flex-start;\\n  margin-top: 29px; }\\n\\n#Overview .nav {\\n  padding: 1rem;\\n  border-bottom: 1px solid #e4e4e4; }\\n\\n#Overview .nav-item {\\n  padding-right: 1rem;\\n  margin-right: 1rem;\\n  border-right: 1px solid #e4e4e4; }\\n\\n#Overview .nav-link {\\n  padding: 0px; }\\n\\n#Overview a.nav-link {\\n  color: #444; }\\n\\n#Overview .navbar-mobile {\\n  font-size: 11.2px;\\n  text-align: center; }\\n  #Overview .navbar-mobile .navbar-mobile_row div:nth-child(2) {\\n    border-left: 2px #F8F8F8 solid !important;\\n    border-right: 2px #F8F8F8 solid !important; }\\n\\n#Overview a.nav-link.active {\\n  border-bottom: 3px solid #444; }\\n\\n#Overview #hostel-info {\\n  font-family: \\\"Noto\\\", Helvetica, Arial, sans-serif;\\n  background: linear-gradient(#f4f4f4, #fff);\\n  padding-top: 1rem; }\\n\\n#Overview .row {\\n  max-width: 70rem;\\n  width: 100%;\\n  margin: 0 auto;\\n  margin-bottom: 1rem; }\\n\\n#Overview .score {\\n  background-color: #ff7346;\\n  padding: 0.5rem;\\n  font-size: 1.4rem;\\n  text-align: center;\\n  font-weight: 700;\\n  border-radius: 0.188rem;\\n  color: #fff;\\n  line-height: 1;\\n  min-width: 3.4rem;\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  height: 2.4rem; }\\n\\n#Overview .rating-summary .info .counter {\\n  display: inline-flex;\\n  align-items: center;\\n  margin-top: 0.25rem; }\\n\\n#Overview .keyword {\\n  box-sizing: border-box;\\n  display: block;\\n  color: #ff7346;\\n  font-size: 16px;\\n  font-weight: 700;\\n  line-height: 19.2px;\\n  margin-bottom: 0px;\\n  padding-bottom: 0px; }\\n\\n#Overview .counter {\\n  box-sizing: border-box;\\n  font-size: 0.65rem;\\n  cursor: pointer; }\\n\\n#Overview .counter:hover {\\n  color: #ff4000;\\n  text-decoration: none; }\\n\\n#Overview .total-reviews {\\n  margin-left: 0.2rem; }\\n\\n#Overview .rating-factors {\\n  padding: 0rem 0;\\n  border-top: 1px dotted #ccc;\\n  border-bottom: 1px dotted #ccc;\\n  margin-top: 1rem;\\n  margin-left: 0;\\n  padding-bottom: 1rem; }\\n\\n#Overview .rating {\\n  padding-top: 1rem;\\n  list-style: none;\\n  display: flex;\\n  align-items: center; }\\n\\n#Overview .badge {\\n  width: 1.563rem;\\n  height: 1.563rem; }\\n\\n#Overview .badge-red {\\n  background: #fd5951;\\n  color: #fff; }\\n\\n#Overview .badge-green {\\n  background: #00c08a;\\n  color: #fff; }\\n\\n#Overview .badge-blue {\\n  background: #00d4f9;\\n  color: #fff; }\\n\\n#Overview .badge {\\n  border-radius: 50%;\\n  display: flex;\\n  justify-content: center;\\n  align-items: center;\\n  padding: 0.5rem; }\\n\\n#Overview .top-features {\\n  margin-left: 0.5rem;\\n  font-size: 0.9rem; }\\n\\n#Overview .btn-link {\\n  padding-left: 0px;\\n  color: #ff7346;\\n  text-decoration: none;\\n  font-size: 0.8rem; }\\n\\n#Overview #photo-gallery {\\n  padding-bottom: 2rem; }\\n\\n#Overview .gallery {\\n  padding: 0.125rem;\\n  padding-left: 15px; }\\n\\n@media (min-width: 768px) {\\n  #Overview .col-md-1 {\\n    -ms-flex: 0 0 8.333333%;\\n    flex: 0 0 8.333333%;\\n    max-width: 74.14px; } }\\n\\n#Overview .img-fluid {\\n  height: 50px;\\n  width: 74.14px;\\n  cursor: pointer;\\n  padding: 0.125rem; }\\n\\n#Overview img {\\n  transition: 0.5s ease; }\\n\\n#Overview .gallery-image:hover img {\\n  opacity: 0.4; }\\n\\n#Overview .modal {\\n  display: none;\\n  position: fixed;\\n  z-index: 100;\\n  padding-top: 100px;\\n  left: 0;\\n  top: 0;\\n  width: 100%;\\n  height: 100%;\\n  overflow: auto;\\n  background-color: rgba(0, 0, 0, 0.9); }\\n\\n#Overview .modal-content {\\n  position: relative;\\n  background-color: #fefefe;\\n  margin: auto;\\n  padding: 0;\\n  width: 90%;\\n  max-width: 1200px; }\\n\\n#Overview .close {\\n  color: #ccc;\\n  position: absolute;\\n  top: 10px;\\n  right: 25px;\\n  font-size: 1rem;\\n  font-weight: 400; }\\n\\n#Overview .close:hover,\\n#Overview .close:focus {\\n  color: #999;\\n  text-decoration: none;\\n  cursor: pointer; }\\n\\n#Overview .mySlides {\\n  display: none; }\\n\\n#Overview .search-bar {\\n  padding: 1rem; }\\n\\n#Overview .location {\\n  position: relative; }\\n\\n#Overview .location .fa-crosshairs {\\n  position: absolute;\\n  padding: 10px;\\n  right: 8px;\\n  top: 2px;\\n  color: #666; }\\n\\n#Overview .calendar {\\n  position: relative; }\\n\\n#Overview .calendar .fa-calendar-alt {\\n  position: absolute;\\n  padding: 10px;\\n  right: 8px;\\n  top: 2px;\\n  color: #ccc; }\\n\", \"\"]);\n\n// exports\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9ub2RlX21vZHVsZXMvY3NzLWxvYWRlci9pbmRleC5qcyEuL25vZGVfbW9kdWxlcy9zYXNzLWxvYWRlci9saWIvbG9hZGVyLmpzIS4vcHVibGljL3N0eWxlLnNjc3MuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9wdWJsaWMvc3R5bGUuc2Nzcz9kYTA2Il0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydHMgPSBtb2R1bGUuZXhwb3J0cyA9IHJlcXVpcmUoXCIuLi9ub2RlX21vZHVsZXMvY3NzLWxvYWRlci9saWIvY3NzLWJhc2UuanNcIikoZmFsc2UpO1xuLy8gaW1wb3J0c1xuXG5cbi8vIG1vZHVsZVxuZXhwb3J0cy5wdXNoKFttb2R1bGUuaWQsIFwiI092ZXJ2aWV3IGgyIHtcXG4gIGZvbnQtZmFtaWx5OiBcXFwiTm90b1xcXCIsIEhlbHZldGljYSwgQXJpYWwsIHNhbnMtc2VyaWY7XFxuICBmb250LXNpemU6IDEuMnJlbTtcXG4gIGxpbmUtaGVpZ2h0OiAxLjQ7IH1cXG5cXG4jT3ZlcnZpZXcgYSB7XFxuICBjb2xvcjogI2ZmNmEzYTsgfVxcblxcbiNPdmVydmlldyBidXR0b246aG92ZXIge1xcbiAgY29sb3I6ICNmZjQwMDA7IH1cXG5cXG4jT3ZlcnZpZXcgaW1nIHtcXG4gIHRyYW5zaXRpb246IG9wYWNpdHkgMC4ycyBlYXNlLWluLW91dDsgfVxcblxcbiNPdmVydmlldyBpbnB1dCB7XFxuICB3aWR0aDogMTAwJTsgfVxcblxcbiNPdmVydmlldyAjc2VhcmNoIHtcXG4gIGZvbnQtZmFtaWx5OiBcXFwiTm90b1xcXCIsIEhlbHZldGljYSwgQXJpYWwsIHNhbnMtc2VyaWY7XFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMzEzMTMxOyB9XFxuXFxuI092ZXJ2aWV3IGxhYmVsIHtcXG4gIGNvbG9yOiAjY2NjO1xcbiAgZm9udC13ZWlnaHQ6IDcwMDtcXG4gIGZvbnQtc2l6ZTogMC42NXJlbTsgfVxcblxcbiNPdmVydmlldyAuc2VhcmNoIHtcXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7IH1cXG5cXG4jT3ZlcnZpZXcgLnNlYXJjaC1idG4ge1xcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmNzM0NjtcXG4gIGNvbG9yOiB3aGl0ZTtcXG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xcbiAgbWFyZ2luLXRvcDogMjlweDsgfVxcblxcbiNPdmVydmlldyAubmF2IHtcXG4gIHBhZGRpbmc6IDFyZW07XFxuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgI2U0ZTRlNDsgfVxcblxcbiNPdmVydmlldyAubmF2LWl0ZW0ge1xcbiAgcGFkZGluZy1yaWdodDogMXJlbTtcXG4gIG1hcmdpbi1yaWdodDogMXJlbTtcXG4gIGJvcmRlci1yaWdodDogMXB4IHNvbGlkICNlNGU0ZTQ7IH1cXG5cXG4jT3ZlcnZpZXcgLm5hdi1saW5rIHtcXG4gIHBhZGRpbmc6IDBweDsgfVxcblxcbiNPdmVydmlldyBhLm5hdi1saW5rIHtcXG4gIGNvbG9yOiAjNDQ0OyB9XFxuXFxuI092ZXJ2aWV3IC5uYXZiYXItbW9iaWxlIHtcXG4gIGZvbnQtc2l6ZTogMTEuMnB4O1xcbiAgdGV4dC1hbGlnbjogY2VudGVyOyB9XFxuICAjT3ZlcnZpZXcgLm5hdmJhci1tb2JpbGUgLm5hdmJhci1tb2JpbGVfcm93IGRpdjpudGgtY2hpbGQoMikge1xcbiAgICBib3JkZXItbGVmdDogMnB4ICNGOEY4Rjggc29saWQgIWltcG9ydGFudDtcXG4gICAgYm9yZGVyLXJpZ2h0OiAycHggI0Y4RjhGOCBzb2xpZCAhaW1wb3J0YW50OyB9XFxuXFxuI092ZXJ2aWV3IGEubmF2LWxpbmsuYWN0aXZlIHtcXG4gIGJvcmRlci1ib3R0b206IDNweCBzb2xpZCAjNDQ0OyB9XFxuXFxuI092ZXJ2aWV3ICNob3N0ZWwtaW5mbyB7XFxuICBmb250LWZhbWlseTogXFxcIk5vdG9cXFwiLCBIZWx2ZXRpY2EsIEFyaWFsLCBzYW5zLXNlcmlmO1xcbiAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KCNmNGY0ZjQsICNmZmYpO1xcbiAgcGFkZGluZy10b3A6IDFyZW07IH1cXG5cXG4jT3ZlcnZpZXcgLnJvdyB7XFxuICBtYXgtd2lkdGg6IDcwcmVtO1xcbiAgd2lkdGg6IDEwMCU7XFxuICBtYXJnaW46IDAgYXV0bztcXG4gIG1hcmdpbi1ib3R0b206IDFyZW07IH1cXG5cXG4jT3ZlcnZpZXcgLnNjb3JlIHtcXG4gIGJhY2tncm91bmQtY29sb3I6ICNmZjczNDY7XFxuICBwYWRkaW5nOiAwLjVyZW07XFxuICBmb250LXNpemU6IDEuNHJlbTtcXG4gIHRleHQtYWxpZ246IGNlbnRlcjtcXG4gIGZvbnQtd2VpZ2h0OiA3MDA7XFxuICBib3JkZXItcmFkaXVzOiAwLjE4OHJlbTtcXG4gIGNvbG9yOiAjZmZmO1xcbiAgbGluZS1oZWlnaHQ6IDE7XFxuICBtaW4td2lkdGg6IDMuNHJlbTtcXG4gIGRpc3BsYXk6IGZsZXg7XFxuICBhbGlnbi1pdGVtczogY2VudGVyO1xcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XFxuICBoZWlnaHQ6IDIuNHJlbTsgfVxcblxcbiNPdmVydmlldyAucmF0aW5nLXN1bW1hcnkgLmluZm8gLmNvdW50ZXIge1xcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XFxuICBhbGlnbi1pdGVtczogY2VudGVyO1xcbiAgbWFyZ2luLXRvcDogMC4yNXJlbTsgfVxcblxcbiNPdmVydmlldyAua2V5d29yZCB7XFxuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xcbiAgZGlzcGxheTogYmxvY2s7XFxuICBjb2xvcjogI2ZmNzM0NjtcXG4gIGZvbnQtc2l6ZTogMTZweDtcXG4gIGZvbnQtd2VpZ2h0OiA3MDA7XFxuICBsaW5lLWhlaWdodDogMTkuMnB4O1xcbiAgbWFyZ2luLWJvdHRvbTogMHB4O1xcbiAgcGFkZGluZy1ib3R0b206IDBweDsgfVxcblxcbiNPdmVydmlldyAuY291bnRlciB7XFxuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xcbiAgZm9udC1zaXplOiAwLjY1cmVtO1xcbiAgY3Vyc29yOiBwb2ludGVyOyB9XFxuXFxuI092ZXJ2aWV3IC5jb3VudGVyOmhvdmVyIHtcXG4gIGNvbG9yOiAjZmY0MDAwO1xcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOyB9XFxuXFxuI092ZXJ2aWV3IC50b3RhbC1yZXZpZXdzIHtcXG4gIG1hcmdpbi1sZWZ0OiAwLjJyZW07IH1cXG5cXG4jT3ZlcnZpZXcgLnJhdGluZy1mYWN0b3JzIHtcXG4gIHBhZGRpbmc6IDByZW0gMDtcXG4gIGJvcmRlci10b3A6IDFweCBkb3R0ZWQgI2NjYztcXG4gIGJvcmRlci1ib3R0b206IDFweCBkb3R0ZWQgI2NjYztcXG4gIG1hcmdpbi10b3A6IDFyZW07XFxuICBtYXJnaW4tbGVmdDogMDtcXG4gIHBhZGRpbmctYm90dG9tOiAxcmVtOyB9XFxuXFxuI092ZXJ2aWV3IC5yYXRpbmcge1xcbiAgcGFkZGluZy10b3A6IDFyZW07XFxuICBsaXN0LXN0eWxlOiBub25lO1xcbiAgZGlzcGxheTogZmxleDtcXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7IH1cXG5cXG4jT3ZlcnZpZXcgLmJhZGdlIHtcXG4gIHdpZHRoOiAxLjU2M3JlbTtcXG4gIGhlaWdodDogMS41NjNyZW07IH1cXG5cXG4jT3ZlcnZpZXcgLmJhZGdlLXJlZCB7XFxuICBiYWNrZ3JvdW5kOiAjZmQ1OTUxO1xcbiAgY29sb3I6ICNmZmY7IH1cXG5cXG4jT3ZlcnZpZXcgLmJhZGdlLWdyZWVuIHtcXG4gIGJhY2tncm91bmQ6ICMwMGMwOGE7XFxuICBjb2xvcjogI2ZmZjsgfVxcblxcbiNPdmVydmlldyAuYmFkZ2UtYmx1ZSB7XFxuICBiYWNrZ3JvdW5kOiAjMDBkNGY5O1xcbiAgY29sb3I6ICNmZmY7IH1cXG5cXG4jT3ZlcnZpZXcgLmJhZGdlIHtcXG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcXG4gIGRpc3BsYXk6IGZsZXg7XFxuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICBwYWRkaW5nOiAwLjVyZW07IH1cXG5cXG4jT3ZlcnZpZXcgLnRvcC1mZWF0dXJlcyB7XFxuICBtYXJnaW4tbGVmdDogMC41cmVtO1xcbiAgZm9udC1zaXplOiAwLjlyZW07IH1cXG5cXG4jT3ZlcnZpZXcgLmJ0bi1saW5rIHtcXG4gIHBhZGRpbmctbGVmdDogMHB4O1xcbiAgY29sb3I6ICNmZjczNDY7XFxuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XFxuICBmb250LXNpemU6IDAuOHJlbTsgfVxcblxcbiNPdmVydmlldyAjcGhvdG8tZ2FsbGVyeSB7XFxuICBwYWRkaW5nLWJvdHRvbTogMnJlbTsgfVxcblxcbiNPdmVydmlldyAuZ2FsbGVyeSB7XFxuICBwYWRkaW5nOiAwLjEyNXJlbTtcXG4gIHBhZGRpbmctbGVmdDogMTVweDsgfVxcblxcbkBtZWRpYSAobWluLXdpZHRoOiA3NjhweCkge1xcbiAgI092ZXJ2aWV3IC5jb2wtbWQtMSB7XFxuICAgIC1tcy1mbGV4OiAwIDAgOC4zMzMzMzMlO1xcbiAgICBmbGV4OiAwIDAgOC4zMzMzMzMlO1xcbiAgICBtYXgtd2lkdGg6IDc0LjE0cHg7IH0gfVxcblxcbiNPdmVydmlldyAuaW1nLWZsdWlkIHtcXG4gIGhlaWdodDogNTBweDtcXG4gIHdpZHRoOiA3NC4xNHB4O1xcbiAgY3Vyc29yOiBwb2ludGVyO1xcbiAgcGFkZGluZzogMC4xMjVyZW07IH1cXG5cXG4jT3ZlcnZpZXcgaW1nIHtcXG4gIHRyYW5zaXRpb246IDAuNXMgZWFzZTsgfVxcblxcbiNPdmVydmlldyAuZ2FsbGVyeS1pbWFnZTpob3ZlciBpbWcge1xcbiAgb3BhY2l0eTogMC40OyB9XFxuXFxuI092ZXJ2aWV3IC5tb2RhbCB7XFxuICBkaXNwbGF5OiBub25lO1xcbiAgcG9zaXRpb246IGZpeGVkO1xcbiAgei1pbmRleDogMTAwO1xcbiAgcGFkZGluZy10b3A6IDEwMHB4O1xcbiAgbGVmdDogMDtcXG4gIHRvcDogMDtcXG4gIHdpZHRoOiAxMDAlO1xcbiAgaGVpZ2h0OiAxMDAlO1xcbiAgb3ZlcmZsb3c6IGF1dG87XFxuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuOSk7IH1cXG5cXG4jT3ZlcnZpZXcgLm1vZGFsLWNvbnRlbnQge1xcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZlZmVmZTtcXG4gIG1hcmdpbjogYXV0bztcXG4gIHBhZGRpbmc6IDA7XFxuICB3aWR0aDogOTAlO1xcbiAgbWF4LXdpZHRoOiAxMjAwcHg7IH1cXG5cXG4jT3ZlcnZpZXcgLmNsb3NlIHtcXG4gIGNvbG9yOiAjY2NjO1xcbiAgcG9zaXRpb246IGFic29sdXRlO1xcbiAgdG9wOiAxMHB4O1xcbiAgcmlnaHQ6IDI1cHg7XFxuICBmb250LXNpemU6IDFyZW07XFxuICBmb250LXdlaWdodDogNDAwOyB9XFxuXFxuI092ZXJ2aWV3IC5jbG9zZTpob3ZlcixcXG4jT3ZlcnZpZXcgLmNsb3NlOmZvY3VzIHtcXG4gIGNvbG9yOiAjOTk5O1xcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xcbiAgY3Vyc29yOiBwb2ludGVyOyB9XFxuXFxuI092ZXJ2aWV3IC5teVNsaWRlcyB7XFxuICBkaXNwbGF5OiBub25lOyB9XFxuXFxuI092ZXJ2aWV3IC5zZWFyY2gtYmFyIHtcXG4gIHBhZGRpbmc6IDFyZW07IH1cXG5cXG4jT3ZlcnZpZXcgLmxvY2F0aW9uIHtcXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTsgfVxcblxcbiNPdmVydmlldyAubG9jYXRpb24gLmZhLWNyb3NzaGFpcnMge1xcbiAgcG9zaXRpb246IGFic29sdXRlO1xcbiAgcGFkZGluZzogMTBweDtcXG4gIHJpZ2h0OiA4cHg7XFxuICB0b3A6IDJweDtcXG4gIGNvbG9yOiAjNjY2OyB9XFxuXFxuI092ZXJ2aWV3IC5jYWxlbmRhciB7XFxuICBwb3NpdGlvbjogcmVsYXRpdmU7IH1cXG5cXG4jT3ZlcnZpZXcgLmNhbGVuZGFyIC5mYS1jYWxlbmRhci1hbHQge1xcbiAgcG9zaXRpb246IGFic29sdXRlO1xcbiAgcGFkZGluZzogMTBweDtcXG4gIHJpZ2h0OiA4cHg7XFxuICB0b3A6IDJweDtcXG4gIGNvbG9yOiAjY2NjOyB9XFxuXCIsIFwiXCJdKTtcblxuLy8gZXhwb3J0c1xuIl0sIm1hcHBpbmdzIjoiQUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./node_modules/css-loader/index.js!./node_modules/sass-loader/lib/loader.js!./public/style.scss\n");
 
 /***/ }),
 
@@ -841,7 +841,7 @@ eval("\nvar content = __webpack_require__(/*! !../node_modules/css-loader!../nod
 /***/ (function(module, exports, __webpack_require__) {
 
 __webpack_require__(/*! ./client/index.jsx */"./client/index.jsx");
-module.exports = __webpack_require__(/*! /Users/staceyrutherford/HackReactor/FEC/Overview/public//style.scss */"./public/style.scss");
+module.exports = __webpack_require__(/*! /Users/darwin/Dropbox/HackReactor/SeniorProjects/HostelWorld/Overview/public//style.scss */"./public/style.scss");
 
 
 /***/ })
diff --git a/public/style.scss b/public/style.scss
index c12674f..d371eb5 100644
--- a/public/style.scss
+++ b/public/style.scss
@@ -1,5 +1,5 @@
 #Overview {
-  
+
   h2 {
     font-family: "Noto", Helvetica, Arial, sans-serif;
     font-size: 1.2rem;
@@ -26,7 +26,7 @@
     font-family: "Noto", Helvetica, Arial, sans-serif;
     background-color: #313131;
   }
-  
+
   label {
     color: #ccc;
     font-weight: 700;
@@ -52,7 +52,7 @@
   .nav-item {
     padding-right: 1rem;
     margin-right: 1rem;
-    border-right: 1px solid #e4e4e4; 
+    border-right: 1px solid #e4e4e4;
   }
 
   .nav-link {
@@ -63,6 +63,17 @@
     color: #444;
   }
 
+  .navbar-mobile {
+    font-size: 11.2px;
+    text-align: center;
+    .navbar-mobile_row {
+      div:nth-child(2) {
+        border-left: 2px #F8F8F8 solid !important;
+        border-right: 2px #F8F8F8 solid !important;
+      }
+    }
+  }
+
   a.nav-link.active {
     border-bottom: 3px solid #444;
   }