<commit_before>import React from 'react';
import AvatarIcon from '/imports/ui/components/avatar/AvatarIcon';  
import FontIcon from 'material-ui/FontIcon';
import FlatButton from 'material-ui/FlatButton';


/*
	BEGIN CommentUpperLeft
*/
const CommentUpperLeft = props => (
	<div className="comment-upper-left">
		<h1>{props.title}</h1>
	</div>
);
CommentUpperLeft.propTypes = {
	title: React.PropTypes.string.isRequired,
};
/*
	END CommentUpperLeft
*/


/*
	BEGIN CommentUpperRight
*/
const CommentUpperRight = props => (
	<div className="comment-upper-right">
		{props.commenters.map(commenter => (
			<div
				key={commenter._id}
				className="comment-author"
			>
				{props.userCanEditCommenters.indexOf(commenter._id) > -1 ?
					<FlatButton
						label="Edit comment"
						href={`/commentary/${props.commentId}/edit`}
						icon={<FontIcon className="mdi mdi-pen" />}
					/>
					:
					''
				}
				<div className={'comment-author-text'}>
					<a href={`/commenters/${commenter.slug}`}>
						<span className="comment-author-name">{commenter.name}</span>
					</a>
					<span>
						{props.updateDate}
					</span>
				</div>
				<div className="comment-author-image-wrap paper-shadow">
					<a href={`/commenters/${commenter.slug}`}>
						<AvatarIcon
							avatar={
								(commenter && 'avatar' in commenter) ?
								commenter.avatar.src
								: null<commit_msg>change comment upper component, to check permissions for multiple commenters<commit_after>import React from 'react';
import AvatarIcon from '/imports/ui/components/avatar/AvatarIcon';  
import FontIcon from 'material-ui/FontIcon';
import FlatButton from 'material-ui/FlatButton';
import _ from 'lodash';

/*
	BEGIN CommentUpperLeft
*/
const CommentUpperLeft = props => (
	<div className="comment-upper-left">
		<h1>{props.title}</h1>
	</div>
);
CommentUpperLeft.propTypes = {
	title: React.PropTypes.string.isRequired,
};
/*
	END CommentUpperLeft
*/


/*
	BEGIN CommentUpperRight
*/
const CommentUpperRight = props => (
	<div className="comment-upper-right">
		{_.every(props.commenters, commenter => props.userCanEditCommenters.indexOf(commenter._id) > -1) ?
			<FlatButton
				label="Edit comment"
				href={`/commentary/${props.commentId}/edit`}
				icon={<FontIcon className="mdi mdi-pen" />}
			/>
			:
			''
		}
		{props.commenters.map(commenter => (
			<div
				key={commenter._id}
				className="comment-author"
			>
				<div className={'comment-author-text'}>
					<a href={`/commenters/${commenter.slug}`}>
						<span className="comment-author-name">{commenter.name}</span>
					</a>
					<span>
						{props.updateDate}
					</span>
				</div>
				<div className="comment-author-image-wrap paper-shadow">
					<a href={`/commenters/${commenter.slug}`}>
						<AvatarIcon
							avatar={
								(commenter && 'avatar' in commenter) ?
								commenter.avatar.src
								: null
{'fraction_non_alphanumeric': 0.1592334494773519, 'fraction_numerical': 0.0020905923344947735, 'mean_word_length': 3.3765243902439024, 'pattern_counts': {'":': 0, '<': 41, '<?xml version=': 0, '>': 48, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2770640', 'n_tokens_mistral': 1170, 'n_tokens_neox': 953, 'n_words': 161}