@atlaskit/mention
Version:
A React component used to display user profiles in a list for 'Mention' functionality
33 lines • 938 B
JavaScript
import React from 'react';
import Avatar, { getAppearanceForAppType } from '@atlaskit/avatar';
import TeamAvatar from '@atlaskit/teams-avatar';
import { fg } from '@atlaskit/platform-feature-flags';
import { isTeamMention } from '../../types';
export const MentionAvatar = ({
mention,
selected
}) => {
const {
appType,
avatarUrl,
presence
} = mention;
const borderColor = selected ? "var(--ds-border, #0B120E24)" : undefined;
const {
status
} = presence || {};
if (isTeamMention(mention)) {
return /*#__PURE__*/React.createElement(TeamAvatar, {
src: avatarUrl,
size: "medium",
borderColor: borderColor
});
}
return /*#__PURE__*/React.createElement(Avatar, {
src: avatarUrl,
size: "medium",
presence: status,
borderColor: borderColor,
appearance: fg('jira_ai_agent_avatar_issue_view_comment_mentions') ? getAppearanceForAppType(appType) : undefined
});
};