vcgit-forge/ReactWeather
1
0
Fork 0
mirror of https://github.com/Raghu-Ch/ReactWeather.git synced 2026-02-10 03:03:01 -05:00
Code Issues Packages Projects Releases Wiki Activity

add styles to weather page

Browse Source
This commit is contained in:
Raghu-Ch
2017-01-18 00:33:30 -08:00
parent 6714a949dd
commit 30af94b390
4 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/components/Weather.jsx
View File

@@ -30,7 +30,7 @@ var Weather = React.createClass({
function renderMessage () {
if (isLoading) {
return <h3>Fetching weather...</h3>;
return <h1>Fetching weather...</h1>;
} else if (temp && location) {
return <WeatherMessage temp={temp} location={location}/>;
}
@@ -38,7 +38,7 @@ var Weather = React.createClass({
return (
<div>
<h3>Weather Component</h3>
<h1 className="text-center">Get Weather</h1>
<WeatherForm onSearch={this.handleSearch}/>
{renderMessage()}
</div>

2
app/components/WeatherForm.jsx
View File

@@ -16,7 +16,7 @@ var WeatherForm = React.createClass({
<div>
<form onSubmit={this.onFormSubmit}>
<input type="text" ref="location"/>
<button>Get Weather</button>
<button className="button expanded hollow">Get Weather</button>
</form>
</div>
);

2
app/components/WeatherMessage.jsx
View File

@@ -21,7 +21,7 @@ var React = require('react');
// (or)
var WeatherMessage = ({temp, location}) => {
return (
<h3>It's it {temp} in {location}.</h3>
<h3 className="text-center">It's it {temp} in {location}.</h3>
)
};

6
public/bundle.js
View File

@@ -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// <h3>It's it {temp} in {location}.</h3>\n// )\n// }\n// });\n\n// Refactoring stateless function\n\n// var WeatherMessage = (props) => {\n// var {temp, location} = props;\n// return (\n// <h3>It's it {temp} in {location}.</h3>\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// <h3>It's it {temp} in {location}.</h3>\n// )\n// }\n// });\n\n// Refactoring stateless function\n\n// var WeatherMessage = (props) => {\n// var {temp, location} = props;\n// return (\n// <h3>It's it {temp} in {location}.</h3>\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 */