@atlaskit/mention
Version:
A React component used to display user profiles in a list for 'Mention' functionality
33 lines (32 loc) • 1.15 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.MentionAvatar = void 0;
var _react = _interopRequireDefault(require("react"));
var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
var _teamsAvatar = _interopRequireDefault(require("@atlaskit/teams-avatar"));
var _types = require("../../types");
var MentionAvatar = exports.MentionAvatar = function MentionAvatar(_ref) {
var mention = _ref.mention,
selected = _ref.selected;
var avatarUrl = mention.avatarUrl,
presence = mention.presence;
var borderColor = selected ? "var(--ds-border, #091E4224)" : undefined;
var _ref2 = presence || {},
status = _ref2.status;
if ((0, _types.isTeamMention)(mention)) {
return /*#__PURE__*/_react.default.createElement(_teamsAvatar.default, {
src: avatarUrl,
size: "medium",
borderColor: borderColor
});
}
return /*#__PURE__*/_react.default.createElement(_avatar.default, {
src: avatarUrl,
size: "medium",
presence: status,
borderColor: borderColor
});
};