mirror of
https://github.com/Raghu-Ch/ReactWeather.git
synced 2026-02-10 11:03:02 -05:00
added ErrorModal.jsx && styling error msg
This commit is contained in:
23
app/components/ErrorModal.jsx
Normal file
23
app/components/ErrorModal.jsx
Normal 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;
|
||||
Reference in New Issue
Block a user