From 30af94b3900b9b80f1dd23b08b6268fe350b972a Mon Sep 17 00:00:00 2001 From: Raghu-Ch Date: Wed, 18 Jan 2017 00:33:30 -0800 Subject: [PATCH] add styles to weather page --- app/components/Weather.jsx | 6 +++--- app/components/WeatherForm.jsx | 2 +- app/components/WeatherMessage.jsx | 2 +- public/bundle.js | 6 +++--- 4 files changed, 8 insertions(+), 8 deletions(-) diff --git a/app/components/Weather.jsx b/app/components/Weather.jsx index 909b321..90167ea 100644 --- a/app/components/Weather.jsx +++ b/app/components/Weather.jsx @@ -11,7 +11,7 @@ var Weather = React.createClass({ }, handleSearch: function (location) { var that = this; - + this.setState({isLoading: true}); openWeatherMap.getTemp(location).then(function (temp) { @@ -30,7 +30,7 @@ var Weather = React.createClass({ function renderMessage () { if (isLoading) { - return

Fetching weather...

; + return

Fetching weather...

; } else if (temp && location) { return ; } @@ -38,7 +38,7 @@ var Weather = React.createClass({ return (
-

Weather Component

+

Get Weather

{renderMessage()}
diff --git a/app/components/WeatherForm.jsx b/app/components/WeatherForm.jsx index fa13706..4b9fd7f 100644 --- a/app/components/WeatherForm.jsx +++ b/app/components/WeatherForm.jsx @@ -16,7 +16,7 @@ var WeatherForm = React.createClass({
- +
); diff --git a/app/components/WeatherMessage.jsx b/app/components/WeatherMessage.jsx index b6f74b6..5079d3d 100644 --- a/app/components/WeatherMessage.jsx +++ b/app/components/WeatherMessage.jsx @@ -21,7 +21,7 @@ var React = require('react'); // (or) var WeatherMessage = ({temp, location}) => { return ( -

It's it {temp} in {location}.

+

It's it {temp} in {location}.

) }; diff --git a/public/bundle.js b/public/bundle.js index d4b92da..567412f 100644 --- a/public/bundle.js +++ b/public/bundle.js @@ -1397,19 +1397,19 @@ /* 225 */ /***/ function(module, exports, __webpack_require__) { - eval("'use strict';\n\nvar React = __webpack_require__(8);\nvar WeatherForm = __webpack_require__(226);\nvar WeatherMessage = __webpack_require__(227);\nvar openWeatherMap = __webpack_require__(228);\n\nvar Weather = React.createClass({\n displayName: 'Weather',\n\n getInitialState: function getInitialState() {\n return {\n isLoading: false\n };\n },\n handleSearch: function handleSearch(location) {\n var that = this;\n\n this.setState({ isLoading: true });\n\n openWeatherMap.getTemp(location).then(function (temp) {\n that.setState({\n location: location,\n temp: temp,\n isLoading: false\n });\n }, function (errorMessage) {\n that.setState({ isLoading: false });\n alert(errorMessage);\n });\n },\n render: function render() {\n var _state = this.state,\n isLoading = _state.isLoading,\n temp = _state.temp,\n location = _state.location;\n\n\n function renderMessage() {\n if (isLoading) {\n return React.createElement(\n 'h3',\n null,\n 'Fetching weather...'\n );\n } else if (temp && location) {\n return React.createElement(WeatherMessage, { temp: temp, location: location });\n }\n }\n\n return React.createElement(\n 'div',\n null,\n React.createElement(\n 'h3',\n null,\n 'Weather Component'\n ),\n React.createElement(WeatherForm, { onSearch: this.handleSearch }),\n renderMessage()\n );\n }\n});\n\nmodule.exports = Weather;//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMjI1LmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vL2FwcC9jb21wb25lbnRzL1dlYXRoZXIuanN4PzY2NDkiXSwic291cmNlc0NvbnRlbnQiOlsidmFyIFJlYWN0ID0gcmVxdWlyZSgncmVhY3QnKTtcclxudmFyIFdlYXRoZXJGb3JtID0gcmVxdWlyZSgnV2VhdGhlckZvcm0nKTtcclxudmFyIFdlYXRoZXJNZXNzYWdlID0gcmVxdWlyZSgnV2VhdGhlck1lc3NhZ2UnKTtcclxudmFyIG9wZW5XZWF0aGVyTWFwID0gcmVxdWlyZSgnb3BlbldlYXRoZXJNYXAnKTtcclxuXHJcbnZhciBXZWF0aGVyID0gUmVhY3QuY3JlYXRlQ2xhc3Moe1xyXG4gIGdldEluaXRpYWxTdGF0ZTogZnVuY3Rpb24gKCkge1xyXG4gICAgcmV0dXJuIHtcclxuICAgICAgaXNMb2FkaW5nOiBmYWxzZVxyXG4gICAgfVxyXG4gIH0sXHJcbiAgaGFuZGxlU2VhcmNoOiBmdW5jdGlvbiAobG9jYXRpb24pIHtcclxuICAgIHZhciB0aGF0ID0gdGhpcztcclxuICAgIFxyXG4gICAgdGhpcy5zZXRTdGF0ZSh7aXNMb2FkaW5nOiB0cnVlfSk7XHJcblxyXG4gICAgb3BlbldlYXRoZXJNYXAuZ2V0VGVtcChsb2NhdGlvbikudGhlbihmdW5jdGlvbiAodGVtcCkge1xyXG4gICAgICB0aGF0LnNldFN0YXRlKHtcclxuICAgICAgICBsb2NhdGlvbjogbG9jYXRpb24sXHJcbiAgICAgICAgdGVtcDogdGVtcCxcclxuICAgICAgICBpc0xvYWRpbmc6IGZhbHNlXHJcbiAgICAgIH0pO1xyXG4gICAgfSwgZnVuY3Rpb24gKGVycm9yTWVzc2FnZSkge1xyXG4gICAgICB0aGF0LnNldFN0YXRlKHtpc0xvYWRpbmc6IGZhbHNlfSk7XHJcbiAgICAgIGFsZXJ0KGVycm9yTWVzc2FnZSk7XHJcbiAgICB9KTtcclxuICB9LFxyXG4gIHJlbmRlcjogZnVuY3Rpb24gKCkge1xyXG4gICAgdmFyIHtpc0xvYWRpbmcsIHRlbXAsIGxvY2F0aW9ufSA9IHRoaXMuc3RhdGU7XHJcblxyXG4gICAgZnVuY3Rpb24gcmVuZGVyTWVzc2FnZSAoKSB7XHJcbiAgICAgIGlmIChpc0xvYWRpbmcpIHtcclxuICAgICAgICByZXR1cm4gPGgzPkZldGNoaW5nIHdlYXRoZXIuLi48L2gzPjtcclxuICAgICAgfSBlbHNlIGlmICh0ZW1wICYmIGxvY2F0aW9uKSB7XHJcbiAgICAgICAgcmV0dXJuIDxXZWF0aGVyTWVzc2FnZSB0ZW1wPXt0ZW1wfSBsb2NhdGlvbj17bG9jYXRpb259Lz47XHJcbiAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICByZXR1cm4gKFxyXG4gICAgICA8ZGl2PlxyXG4gICAgICAgIDxoMz5XZWF0aGVyIENvbXBvbmVudDwvaDM+XHJcbiAgICAgICAgPFdlYXRoZXJGb3JtIG9uU2VhcmNoPXt0aGlzLmhhbmRsZVNlYXJjaH0vPlxyXG4gICAgICAgIHtyZW5kZXJNZXNzYWdlKCl9XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgKVxyXG4gIH1cclxufSk7XHJcblxyXG5tb2R1bGUuZXhwb3J0cyA9IFdlYXRoZXI7XHJcblxuXG5cbi8vIFdFQlBBQ0sgRk9PVEVSIC8vXG4vLyBhcHAvY29tcG9uZW50cy9XZWF0aGVyLmpzeCJdLCJtYXBwaW5ncyI6Ijs7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUNBO0FBREE7QUFHQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBSEE7QUFLQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUhBO0FBTUE7QUF4Q0E7QUFDQTtBQTBDQSIsInNvdXJjZVJvb3QiOiIifQ=="); + eval("'use strict';\n\nvar React = __webpack_require__(8);\nvar WeatherForm = __webpack_require__(226);\nvar WeatherMessage = __webpack_require__(227);\nvar openWeatherMap = __webpack_require__(228);\n\nvar Weather = React.createClass({\n displayName: 'Weather',\n\n getInitialState: function getInitialState() {\n return {\n isLoading: false\n };\n },\n handleSearch: function handleSearch(location) {\n var that = this;\n\n this.setState({ isLoading: true });\n\n openWeatherMap.getTemp(location).then(function (temp) {\n that.setState({\n location: location,\n temp: temp,\n isLoading: false\n });\n }, function (errorMessage) {\n that.setState({ isLoading: false });\n alert(errorMessage);\n });\n },\n render: function render() {\n var _state = this.state,\n isLoading = _state.isLoading,\n temp = _state.temp,\n location = _state.location;\n\n\n function renderMessage() {\n if (isLoading) {\n return React.createElement(\n 'h1',\n null,\n 'Fetching weather...'\n );\n } else if (temp && location) {\n return React.createElement(WeatherMessage, { temp: temp, location: location });\n }\n }\n\n return React.createElement(\n 'div',\n null,\n React.createElement(\n 'h1',\n { className: 'text-center' },\n 'Get Weather'\n ),\n React.createElement(WeatherForm, { onSearch: this.handleSearch }),\n renderMessage()\n );\n }\n});\n\nmodule.exports = Weather;//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMjI1LmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vL2FwcC9jb21wb25lbnRzL1dlYXRoZXIuanN4PzY2NDkiXSwic291cmNlc0NvbnRlbnQiOlsidmFyIFJlYWN0ID0gcmVxdWlyZSgncmVhY3QnKTtcclxudmFyIFdlYXRoZXJGb3JtID0gcmVxdWlyZSgnV2VhdGhlckZvcm0nKTtcclxudmFyIFdlYXRoZXJNZXNzYWdlID0gcmVxdWlyZSgnV2VhdGhlck1lc3NhZ2UnKTtcclxudmFyIG9wZW5XZWF0aGVyTWFwID0gcmVxdWlyZSgnb3BlbldlYXRoZXJNYXAnKTtcclxuXHJcbnZhciBXZWF0aGVyID0gUmVhY3QuY3JlYXRlQ2xhc3Moe1xyXG4gIGdldEluaXRpYWxTdGF0ZTogZnVuY3Rpb24gKCkge1xyXG4gICAgcmV0dXJuIHtcclxuICAgICAgaXNMb2FkaW5nOiBmYWxzZVxyXG4gICAgfVxyXG4gIH0sXHJcbiAgaGFuZGxlU2VhcmNoOiBmdW5jdGlvbiAobG9jYXRpb24pIHtcclxuICAgIHZhciB0aGF0ID0gdGhpcztcclxuXHJcbiAgICB0aGlzLnNldFN0YXRlKHtpc0xvYWRpbmc6IHRydWV9KTtcclxuXHJcbiAgICBvcGVuV2VhdGhlck1hcC5nZXRUZW1wKGxvY2F0aW9uKS50aGVuKGZ1bmN0aW9uICh0ZW1wKSB7XHJcbiAgICAgIHRoYXQuc2V0U3RhdGUoe1xyXG4gICAgICAgIGxvY2F0aW9uOiBsb2NhdGlvbixcclxuICAgICAgICB0ZW1wOiB0ZW1wLFxyXG4gICAgICAgIGlzTG9hZGluZzogZmFsc2VcclxuICAgICAgfSk7XHJcbiAgICB9LCBmdW5jdGlvbiAoZXJyb3JNZXNzYWdlKSB7XHJcbiAgICAgIHRoYXQuc2V0U3RhdGUoe2lzTG9hZGluZzogZmFsc2V9KTtcclxuICAgICAgYWxlcnQoZXJyb3JNZXNzYWdlKTtcclxuICAgIH0pO1xyXG4gIH0sXHJcbiAgcmVuZGVyOiBmdW5jdGlvbiAoKSB7XHJcbiAgICB2YXIge2lzTG9hZGluZywgdGVtcCwgbG9jYXRpb259ID0gdGhpcy5zdGF0ZTtcclxuXHJcbiAgICBmdW5jdGlvbiByZW5kZXJNZXNzYWdlICgpIHtcclxuICAgICAgaWYgKGlzTG9hZGluZykge1xyXG4gICAgICAgIHJldHVybiA8aDE+RmV0Y2hpbmcgd2VhdGhlci4uLjwvaDE+O1xyXG4gICAgICB9IGVsc2UgaWYgKHRlbXAgJiYgbG9jYXRpb24pIHtcclxuICAgICAgICByZXR1cm4gPFdlYXRoZXJNZXNzYWdlIHRlbXA9e3RlbXB9IGxvY2F0aW9uPXtsb2NhdGlvbn0vPjtcclxuICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIHJldHVybiAoXHJcbiAgICAgIDxkaXY+XHJcbiAgICAgICAgPGgxIGNsYXNzTmFtZT1cInRleHQtY2VudGVyXCI+R2V0IFdlYXRoZXI8L2gxPlxyXG4gICAgICAgIDxXZWF0aGVyRm9ybSBvblNlYXJjaD17dGhpcy5oYW5kbGVTZWFyY2h9Lz5cclxuICAgICAgICB7cmVuZGVyTWVzc2FnZSgpfVxyXG4gICAgICA8L2Rpdj5cclxuICAgIClcclxuICB9XHJcbn0pO1xyXG5cclxubW9kdWxlLmV4cG9ydHMgPSBXZWF0aGVyO1xyXG5cblxuXG4vLyBXRUJQQUNLIEZPT1RFUiAvL1xuLy8gYXBwL2NvbXBvbmVudHMvV2VhdGhlci5qc3giXSwibWFwcGluZ3MiOiI7O0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFDQTtBQURBO0FBR0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUhBO0FBS0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFIQTtBQU1BO0FBeENBO0FBQ0E7QUEwQ0EiLCJzb3VyY2VSb290IjoiIn0="); /***/ }, /* 226 */ /***/ function(module, exports, __webpack_require__) { - eval("'use strict';\n\nvar React = __webpack_require__(8);\n\nvar WeatherForm = React.createClass({\n displayName: 'WeatherForm',\n\n onFormSubmit: function onFormSubmit(e) {\n e.preventDefault();\n\n var location = this.refs.location.value;\n\n if (location.length > 0) {\n this.refs.location.value = '';\n this.props.onSearch(location);\n }\n },\n render: function render() {\n return React.createElement(\n 'div',\n null,\n React.createElement(\n 'form',\n { onSubmit: this.onFormSubmit },\n React.createElement('input', { type: 'text', ref: 'location' }),\n React.createElement(\n 'button',\n null,\n 'Get Weather'\n )\n )\n );\n }\n});\n\nmodule.exports = WeatherForm;//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMjI2LmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vL2FwcC9jb21wb25lbnRzL1dlYXRoZXJGb3JtLmpzeD8xYjg2Il0sInNvdXJjZXNDb250ZW50IjpbInZhciBSZWFjdCA9IHJlcXVpcmUoJ3JlYWN0Jyk7XHJcblxyXG52YXIgV2VhdGhlckZvcm0gPSBSZWFjdC5jcmVhdGVDbGFzcyh7XHJcbiAgb25Gb3JtU3VibWl0OiBmdW5jdGlvbiAoZSkge1xyXG4gICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xyXG5cclxuICAgIHZhciBsb2NhdGlvbiA9IHRoaXMucmVmcy5sb2NhdGlvbi52YWx1ZTtcclxuXHJcbiAgICBpZiAobG9jYXRpb24ubGVuZ3RoID4gMCkge1xyXG4gICAgICB0aGlzLnJlZnMubG9jYXRpb24udmFsdWUgPSAnJztcclxuICAgICAgdGhpcy5wcm9wcy5vblNlYXJjaChsb2NhdGlvbik7XHJcbiAgICB9XHJcbiAgfSxcclxuICByZW5kZXI6IGZ1bmN0aW9uICgpIHtcclxuICAgIHJldHVybiAoXHJcbiAgICAgICAgPGRpdj5cclxuICAgICAgICAgIDxmb3JtIG9uU3VibWl0PXt0aGlzLm9uRm9ybVN1Ym1pdH0+XHJcbiAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwidGV4dFwiIHJlZj1cImxvY2F0aW9uXCIvPlxyXG4gICAgICAgICAgICA8YnV0dG9uPkdldCBXZWF0aGVyPC9idXR0b24+XHJcbiAgICAgICAgICA8L2Zvcm0+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICApO1xyXG4gIH1cclxufSk7XHJcblxyXG5tb2R1bGUuZXhwb3J0cyA9IFdlYXRoZXJGb3JtO1xyXG5cblxuXG4vLyBXRUJQQUNLIEZPT1RFUiAvL1xuLy8gYXBwL2NvbXBvbmVudHMvV2VhdGhlckZvcm0uanN4Il0sIm1hcHBpbmdzIjoiOztBQUFBO0FBQ0E7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBRkE7QUFEQTtBQU9BO0FBcEJBO0FBQ0E7QUFzQkEiLCJzb3VyY2VSb290IjoiIn0="); + eval("'use strict';\n\nvar React = __webpack_require__(8);\n\nvar WeatherForm = React.createClass({\n displayName: 'WeatherForm',\n\n onFormSubmit: function onFormSubmit(e) {\n e.preventDefault();\n\n var location = this.refs.location.value;\n\n if (location.length > 0) {\n this.refs.location.value = '';\n this.props.onSearch(location);\n }\n },\n render: function render() {\n return React.createElement(\n 'div',\n null,\n React.createElement(\n 'form',\n { onSubmit: this.onFormSubmit },\n React.createElement('input', { type: 'text', ref: 'location' }),\n React.createElement(\n 'button',\n { className: 'button expanded hollow' },\n 'Get Weather'\n )\n )\n );\n }\n});\n\nmodule.exports = WeatherForm;//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMjI2LmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vL2FwcC9jb21wb25lbnRzL1dlYXRoZXJGb3JtLmpzeD8xYjg2Il0sInNvdXJjZXNDb250ZW50IjpbInZhciBSZWFjdCA9IHJlcXVpcmUoJ3JlYWN0Jyk7XHJcblxyXG52YXIgV2VhdGhlckZvcm0gPSBSZWFjdC5jcmVhdGVDbGFzcyh7XHJcbiAgb25Gb3JtU3VibWl0OiBmdW5jdGlvbiAoZSkge1xyXG4gICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xyXG5cclxuICAgIHZhciBsb2NhdGlvbiA9IHRoaXMucmVmcy5sb2NhdGlvbi52YWx1ZTtcclxuXHJcbiAgICBpZiAobG9jYXRpb24ubGVuZ3RoID4gMCkge1xyXG4gICAgICB0aGlzLnJlZnMubG9jYXRpb24udmFsdWUgPSAnJztcclxuICAgICAgdGhpcy5wcm9wcy5vblNlYXJjaChsb2NhdGlvbik7XHJcbiAgICB9XHJcbiAgfSxcclxuICByZW5kZXI6IGZ1bmN0aW9uICgpIHtcclxuICAgIHJldHVybiAoXHJcbiAgICAgICAgPGRpdj5cclxuICAgICAgICAgIDxmb3JtIG9uU3VibWl0PXt0aGlzLm9uRm9ybVN1Ym1pdH0+XHJcbiAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwidGV4dFwiIHJlZj1cImxvY2F0aW9uXCIvPlxyXG4gICAgICAgICAgICA8YnV0dG9uIGNsYXNzTmFtZT1cImJ1dHRvbiBleHBhbmRlZCBob2xsb3dcIj5HZXQgV2VhdGhlcjwvYnV0dG9uPlxyXG4gICAgICAgICAgPC9mb3JtPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgKTtcclxuICB9XHJcbn0pO1xyXG5cclxubW9kdWxlLmV4cG9ydHMgPSBXZWF0aGVyRm9ybTtcclxuXG5cblxuLy8gV0VCUEFDSyBGT09URVIgLy9cbi8vIGFwcC9jb21wb25lbnRzL1dlYXRoZXJGb3JtLmpzeCJdLCJtYXBwaW5ncyI6Ijs7QUFBQTtBQUNBO0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUZBO0FBREE7QUFPQTtBQXBCQTtBQUNBO0FBc0JBIiwic291cmNlUm9vdCI6IiJ9"); /***/ }, /* 227 */ /***/ function(module, exports, __webpack_require__) { - eval("'use strict';\n\nvar React = __webpack_require__(8);\n\n// var WeatherMessage = React.createClass({\n// render: function () {\n// var {temp, location} = this.props;\n//\n// return (\n//

It's it {temp} in {location}.

\n// )\n// }\n// });\n\n// Refactoring stateless function\n\n// var WeatherMessage = (props) => {\n// var {temp, location} = props;\n// return (\n//

It's it {temp} in {location}.

\n// )\n// };\n// (or)\nvar WeatherMessage = function WeatherMessage(_ref) {\n var temp = _ref.temp,\n location = _ref.location;\n\n return React.createElement(\n 'h3',\n null,\n 'It\\'s it ',\n temp,\n ' in ',\n location,\n '.'\n );\n};\n\nmodule.exports = WeatherMessage;//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMjI3LmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vL2FwcC9jb21wb25lbnRzL1dlYXRoZXJNZXNzYWdlLmpzeD8zODA4Il0sInNvdXJjZXNDb250ZW50IjpbInZhciBSZWFjdCA9IHJlcXVpcmUoJ3JlYWN0Jyk7XHJcblxyXG4vLyB2YXIgV2VhdGhlck1lc3NhZ2UgPSBSZWFjdC5jcmVhdGVDbGFzcyh7XHJcbi8vICAgcmVuZGVyOiBmdW5jdGlvbiAoKSB7XHJcbi8vICAgICB2YXIge3RlbXAsIGxvY2F0aW9ufSA9IHRoaXMucHJvcHM7XHJcbi8vXHJcbi8vICAgICByZXR1cm4gKFxyXG4vLyAgICAgICA8aDM+SXQncyBpdCB7dGVtcH0gaW4ge2xvY2F0aW9ufS48L2gzPlxyXG4vLyAgICAgKVxyXG4vLyAgIH1cclxuLy8gfSk7XHJcblxyXG4vLyBSZWZhY3RvcmluZyBzdGF0ZWxlc3MgZnVuY3Rpb25cclxuXHJcbi8vIHZhciBXZWF0aGVyTWVzc2FnZSA9IChwcm9wcykgPT4ge1xyXG4vLyAgIHZhciB7dGVtcCwgbG9jYXRpb259ID0gcHJvcHM7XHJcbi8vICAgcmV0dXJuIChcclxuLy8gICAgIDxoMz5JdCdzIGl0IHt0ZW1wfSBpbiB7bG9jYXRpb259LjwvaDM+XHJcbi8vICAgKVxyXG4vLyB9O1xyXG4vLyAob3IpXHJcbnZhciBXZWF0aGVyTWVzc2FnZSA9ICh7dGVtcCwgbG9jYXRpb259KSA9PiB7XHJcbiAgcmV0dXJuIChcclxuICAgIDxoMz5JdCdzIGl0IHt0ZW1wfSBpbiB7bG9jYXRpb259LjwvaDM+XHJcbiAgKVxyXG59O1xyXG5cclxubW9kdWxlLmV4cG9ydHMgPSBXZWF0aGVyTWVzc2FnZTtcclxuXG5cblxuLy8gV0VCUEFDSyBGT09URVIgLy9cbi8vIGFwcC9jb21wb25lbnRzL1dlYXRoZXJNZXNzYWdlLmpzeCJdLCJtYXBwaW5ncyI6Ijs7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUVBO0FBQ0E7Iiwic291cmNlUm9vdCI6IiJ9"); + eval("\"use strict\";\n\nvar React = __webpack_require__(8);\n\n// var WeatherMessage = React.createClass({\n// render: function () {\n// var {temp, location} = this.props;\n//\n// return (\n//

It's it {temp} in {location}.

\n// )\n// }\n// });\n\n// Refactoring stateless function\n\n// var WeatherMessage = (props) => {\n// var {temp, location} = props;\n// return (\n//

It's it {temp} in {location}.

\n// )\n// };\n// (or)\nvar WeatherMessage = function WeatherMessage(_ref) {\n var temp = _ref.temp,\n location = _ref.location;\n\n return React.createElement(\n \"h3\",\n { className: \"text-center\" },\n \"It's it \",\n temp,\n \" in \",\n location,\n \".\"\n );\n};\n\nmodule.exports = WeatherMessage;//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMjI3LmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vL2FwcC9jb21wb25lbnRzL1dlYXRoZXJNZXNzYWdlLmpzeD8zODA4Il0sInNvdXJjZXNDb250ZW50IjpbInZhciBSZWFjdCA9IHJlcXVpcmUoJ3JlYWN0Jyk7XHJcblxyXG4vLyB2YXIgV2VhdGhlck1lc3NhZ2UgPSBSZWFjdC5jcmVhdGVDbGFzcyh7XHJcbi8vICAgcmVuZGVyOiBmdW5jdGlvbiAoKSB7XHJcbi8vICAgICB2YXIge3RlbXAsIGxvY2F0aW9ufSA9IHRoaXMucHJvcHM7XHJcbi8vXHJcbi8vICAgICByZXR1cm4gKFxyXG4vLyAgICAgICA8aDM+SXQncyBpdCB7dGVtcH0gaW4ge2xvY2F0aW9ufS48L2gzPlxyXG4vLyAgICAgKVxyXG4vLyAgIH1cclxuLy8gfSk7XHJcblxyXG4vLyBSZWZhY3RvcmluZyBzdGF0ZWxlc3MgZnVuY3Rpb25cclxuXHJcbi8vIHZhciBXZWF0aGVyTWVzc2FnZSA9IChwcm9wcykgPT4ge1xyXG4vLyAgIHZhciB7dGVtcCwgbG9jYXRpb259ID0gcHJvcHM7XHJcbi8vICAgcmV0dXJuIChcclxuLy8gICAgIDxoMz5JdCdzIGl0IHt0ZW1wfSBpbiB7bG9jYXRpb259LjwvaDM+XHJcbi8vICAgKVxyXG4vLyB9O1xyXG4vLyAob3IpXHJcbnZhciBXZWF0aGVyTWVzc2FnZSA9ICh7dGVtcCwgbG9jYXRpb259KSA9PiB7XHJcbiAgcmV0dXJuIChcclxuICAgIDxoMyBjbGFzc05hbWU9XCJ0ZXh0LWNlbnRlclwiPkl0J3MgaXQge3RlbXB9IGluIHtsb2NhdGlvbn0uPC9oMz5cclxuICApXHJcbn07XHJcblxyXG5tb2R1bGUuZXhwb3J0cyA9IFdlYXRoZXJNZXNzYWdlO1xyXG5cblxuXG4vLyBXRUJQQUNLIEZPT1RFUiAvL1xuLy8gYXBwL2NvbXBvbmVudHMvV2VhdGhlck1lc3NhZ2UuanN4Il0sIm1hcHBpbmdzIjoiOztBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBRUE7QUFDQTsiLCJzb3VyY2VSb290IjoiIn0="); /***/ }, /* 228 */