added ErrorModal.jsx && styling error msg

This commit is contained in:
2017-01-19 15:03:02 -08:00
parent 30af94b390
commit c02ea3bdba
4 changed files with 96 additions and 51 deletions

View File

@@ -0,0 +1,23 @@
var React = require('react');
var ErrorModal = React.createClass({
componentDidMount: function (){
var modal = new Foundation.Reveal($('#error-modal'));
modal.open();
},
render: function () {
return (
<div id="error-modal" className="tiny reveal text-center" data-reveal="">
<h4>Hey, Excuse me</h4>
<p>error: city not found</p>
<p>
<button className="button hollow warning" data-close="">
Try Another city
</button>
</p>
</div>
);
}
});
module.exports = ErrorModal;