Unfloyded/Legamunt
0
0
Fork 0
Code Activity

Replies in the compose form

Browse source
This commit is contained in:
Eugen Rochko 2016-08-31 22:58:10 +02:00
parent 1e0e17ba85
commit dbae8062f4
15 changed files with 257 additions and 307 deletions
Download patch file Download diff file Expand all files Collapse all files

8
app/assets/javascripts/components/components/button.jsx
View file

@ -5,14 +5,12 @@ const Button = React.createClass({
propTypes: {
text: React.PropTypes.string.isRequired,
onClick: React.PropTypes.func,
disabled: React.PropTypes.boolean
disabled: React.PropTypes.bool
},
mixins: [PureRenderMixin],
handleClick (e) {
e.preventDefault();
if (!this.props.disabled) {
this.props.onClick();
}
@ -20,9 +18,9 @@ const Button = React.createClass({
render () {
return (
<a href='#' onClick={this.handleClick} style={{ display: 'inline-block', position: 'relative', boxSizing: 'border-box', textAlign: 'center', border: '10px none', backgroundColor: '#2b90d9', color: '#fff', fontSize: '14px', fontWeight: '500', letterSpacing: '0', textTransform: 'uppercase', padding: '0 16px', height: '36px', cursor: 'pointer', lineHeight: '36px', borderRadius: '4px', textDecoration: 'none' }}>
<button className='button' disabled={this.props.disabled} onClick={this.handleClick} style={{ display: 'inline-block', position: 'relative', boxSizing: 'border-box', textAlign: 'center', border: '10px none', color: '#fff', fontSize: '14px', fontWeight: '500', letterSpacing: '0', textTransform: 'uppercase', padding: '0 16px', height: '36px', cursor: 'pointer', lineHeight: '36px', borderRadius: '4px', textDecoration: 'none' }}>
{this.props.text}
</a>
</button>
);
}