import PropTypes from 'prop-types';
// 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 = (
{props.commentCount}
);
} else if (props.searchStyle !== '') {
iconStyle = iconStyle + ' ' + props.searchStyle;
}
let commentIconId = props.channelId + props.idPrefix;
if (props.idCount > -1) {
commentIconId += props.idCount;
}
return (
);
}
CommentIcon.propTypes = {
idPrefix: PropTypes.string.isRequired,
idCount: PropTypes.number,
handleCommentClick: PropTypes.func.isRequired,
searchStyle: PropTypes.string,
commentCount: PropTypes.number,
channelId: PropTypes.string
};
CommentIcon.defaultProps = {
idCount: -1,
searchStyle: '',
commentCount: 0,
channelId: ''
};