scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-23 15:47:53 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Add style to general error messages

Browse source 
Resolves #647
This commit is contained in:
Ray Schamp 2016-07-05 12:03:27 -04:00
parent 11155c429e
commit b15b5b8614
2 changed files with 12 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/forms/general-error.jsx
View file

@ -1,6 +1,8 @@
var Formsy = require('formsy-react'); var Formsy = require('formsy-react');
var React = require('react'); var React = require('react');
require('./general-error.scss');
/* /*
* A special formsy-react component that only outputs * A special formsy-react component that only outputs
* error messages. If you want to display errors that * error messages. If you want to display errors that
@ -12,7 +14,7 @@ module.exports = Formsy.HOC(React.createClass({
render: function () { render: function () {
if (!this.props.showError()) return null; if (!this.props.showError()) return null;
return ( return (
<p className="error"> <p className="general-error">
{this.props.getErrorMessage()} {this.props.getErrorMessage()}
</p> </p>
); );

9
src/components/forms/general-error.scss Normal file
View file

@ -0,0 +1,9 @@
@import "../../colors";
.general-error {
border: 1px solid $active-gray;
border-radius: 4px;
background-color: $ui-orange;
padding: 1rem;
color: $type-white;
}