-
Notifications
You must be signed in to change notification settings - Fork 51
/
index.js
67 lines (60 loc) · 2.18 KB
/
index.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
/*
* Copyright 2016, Red Hat, Inc. and individual contributors as indicated by the
* @author tags. See the copyright.txt file in the distribution for a full
* listing of individual contributors.
*
* This is free software; you can redistribute it and/or modify it under the
* terms of the GNU Lesser General Public License as published by the Free
* Software Foundation; either version 2.1 of the License, or (at your option)
* any later version.
*
* This software is distributed in the hope that it will be useful, but WITHOUT
* ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
* FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more
* details.
*
* You should have received a copy of the GNU Lesser General Public License
* along with this software; if not, write to the Free Software Foundation,
* Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA, or see the FSF
* site: http://www.fsf.org.
*/
import React from 'react'
import { isEmpty } from 'lodash'
import PropTypes from 'prop-types'
import { Button, FormGroup, ControlLabel, FormControl } from 'react-bootstrap'
import Icon from '../../../components/Icon'
class CommentBox extends React.Component {
static propTypes = {
postComment: PropTypes.func.isRequired
}
constructor (props) {
super(props)
this.state = {commentText: ''}
}
postComment = () => {
const text = this.state.commentText
this.props.postComment(text)
}
setCommentText = (event) => {
this.setState({commentText: event.target.value})
}
render () {
return (
<div className="trans-comment-box">
<FormGroup controlId="formControlsTextarea">
<ControlLabel>
<Icon name="comment" className="s0" /> Post a comment
</ControlLabel><br />
<FormControl componentClass="textarea"
placeholder="..." onChange={this.setCommentText} />
</FormGroup>
<Button disabled={isEmpty(this.state.commentText)}
onClick={this.postComment}
className="Button Button--small u-rounded Button--primary u-pullRight">
Post comment
</Button>
</div>
)
}
}
export default CommentBox