blob: e8be773e5bd611f3e02a82ddbc4c91878c3b2605 (
plain)
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
|
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See License.txt for license information.
import React from 'react';
import Constants from 'utils/constants.jsx';
import * as Utils from 'utils/utils.jsx';
export default function CommentIcon(props) {
let commentCountSpan = '';
let iconStyle = 'comment-icon__container';
if (props.commentCount > 0) {
iconStyle += ' icon--show';
commentCountSpan = (
<span className='comment-count'>
{props.commentCount}
</span>
);
} else if (props.searchStyle !== '') {
iconStyle = iconStyle + ' ' + props.searchStyle;
}
let commentIconId = props.idPrefix;
if (props.idCount > -1) {
commentIconId += props.idCount;
}
return (
<a
id={Utils.createSafeId(commentIconId)}
href='#'
className={iconStyle}
onClick={props.handleCommentClick}
>
<span
className='comment-icon'
dangerouslySetInnerHTML={{__html: Constants.REPLY_ICON}}
/>
{commentCountSpan}
</a>
);
}
CommentIcon.propTypes = {
idPrefix: React.PropTypes.string.isRequired,
idCount: React.PropTypes.number,
handleCommentClick: React.PropTypes.func.isRequired,
searchStyle: React.PropTypes.string,
commentCount: React.PropTypes.number
};
CommentIcon.defaultProps = {
idCount: -1,
searchStyle: '',
commentCount: 0
};
|