@uimkit/uikit-react
Version:
<img style="width:64px" src="https://mgmt.uimkit.chat/media/img/avatar.png"/>
33 lines (30 loc) • 1.59 kB
JavaScript
import React__default from 'react';
import { clsx } from '../../node_modules/.pnpm/clsx@1.2.1/node_modules/clsx/dist/clsx.m.js';
import { Avatar } from '../Avatar/Avatar.js';
/**
* UI component for mentions rendered in suggestion list
*/
var UnMemoizedUserItem = function (_a) {
var _b = _a.Avatar, Avatar$1 = _b === void 0 ? Avatar : _b, entity = _a.entity;
var hasEntity = !!Object.keys(entity).length;
var itemParts = entity === null || entity === void 0 ? void 0 : entity.itemNameParts;
var renderName = function () {
if (!hasEntity)
return null;
return itemParts.parts.map(function (part, i) {
var matches = part.toLowerCase() === itemParts.match.toLowerCase();
return (React__default.createElement("span", { className: clsx({
'uim__emoji-item--highlight': matches,
'uim__emoji-item--part': !matches,
}), key: "part-".concat(i) }, part));
});
};
console.log('fuckrender: ', entity.name, itemParts);
return (React__default.createElement("div", { className: 'uim__user-item' },
React__default.createElement(Avatar$1, { image: entity.avatar, name: entity.name || entity.id, size: 20 }),
React__default.createElement("span", { className: 'uim__user-item--name', "data-testid": 'user-item-name' }, renderName()),
React__default.createElement("div", { className: 'uim__user-item-at' }, "@")));
};
var UIUserItem = React__default.memo(UnMemoizedUserItem);
export { UIUserItem };
//# sourceMappingURL=UIUserItem.js.map