36 lines
783 B
React
36 lines
783 B
React
|
// @flow
|
||
|
|
import 'scss/component/_comment-badge.scss';
|
||
|
|
|
||
|
|
import classnames from 'classnames';
|
||
|
|
import Icon from 'component/common/icon';
|
||
|
|
import React from 'react';
|
||
|
|
import Tooltip from 'component/common/tooltip';
|
||
|
|
|
||
|
|
const LABEL_TYPES = {
|
||
|
|
ADMIN: 'Admin',
|
||
|
|
MOD: 'Moderator',
|
||
|
|
};
|
||
|
|
|
||
|
|
type Props = {
|
||
|
|
icon: string,
|
||
|
|
label: string,
|
||
|
|
size?: number,
|
||
|
|
};
|
||
|
|
|
||
|
|
export default function CommentBadge(props: Props) {
|
||
|
|
const { icon, label, size = 20 } = props;
|
||
|
|
|
||
|
|
return (
|
||
|
|
<Tooltip title={label} placement="top">
|
||
|
|
<span
|
||
|
|
className={classnames('comment__badge', {
|
||
|
|
'comment__badge--globalMod': label === LABEL_TYPES.ADMIN,
|
||
|
|
'comment__badge--mod': label === LABEL_TYPES.MOD,
|
||
|
|
})}
|
||
|
|
>
|
||
|
|
<Icon icon={icon} size={size} />
|
||
|
|
</span>
|
||
|
|
</Tooltip>
|
||
|
|
);
|
||
|
|
}
|