matrix-react-sdk
Version:
SDK for matrix.org using React
46 lines (43 loc) • 5.93 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.SearchResultAvatar = SearchResultAvatar;
var _react = _interopRequireDefault(require("react"));
var _iconEmailPillAvatar = _interopRequireDefault(require("../../../../res/img/icon-email-pill-avatar.svg"));
var _Media = require("../../../customisations/Media");
var _BaseAvatar = _interopRequireDefault(require("./BaseAvatar"));
/*
Copyright 2024 New Vector Ltd.
Copyright 2022 The Matrix.org Foundation C.I.C.
SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
Please see LICENSE files in the repository root for full details.
*/
function SearchResultAvatar({
user,
size
}) {
if (user.isEmail) {
// we can’t show a real avatar here, but we try to create the exact same markup that a real avatar would have
// BaseAvatar makes the avatar, if it's not clickable but just for decoration, invisible to screenreaders by
// specifically setting an empty alt text, so we do the same.
return /*#__PURE__*/_react.default.createElement("img", {
className: "mx_SearchResultAvatar mx_SearchResultAvatar_threepidAvatar",
alt: "",
src: _iconEmailPillAvatar.default,
width: size,
height: size
});
} else {
const avatarUrl = user.getMxcAvatarUrl();
return /*#__PURE__*/_react.default.createElement(_BaseAvatar.default, {
className: "mx_SearchResultAvatar",
url: avatarUrl ? (0, _Media.mediaFromMxc)(avatarUrl).getSquareThumbnailHttp(parseInt(size, 10)) : null,
name: user.name,
idName: user.userId,
size: size
});
}
}
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9pY29uRW1haWxQaWxsQXZhdGFyIiwiX01lZGlhIiwiX0Jhc2VBdmF0YXIiLCJTZWFyY2hSZXN1bHRBdmF0YXIiLCJ1c2VyIiwic2l6ZSIsImlzRW1haWwiLCJkZWZhdWx0IiwiY3JlYXRlRWxlbWVudCIsImNsYXNzTmFtZSIsImFsdCIsInNyYyIsImVtYWlsUGlsbEF2YXRhciIsIndpZHRoIiwiaGVpZ2h0IiwiYXZhdGFyVXJsIiwiZ2V0TXhjQXZhdGFyVXJsIiwidXJsIiwibWVkaWFGcm9tTXhjIiwiZ2V0U3F1YXJlVGh1bWJuYWlsSHR0cCIsInBhcnNlSW50IiwibmFtZSIsImlkTmFtZSIsInVzZXJJZCJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3ZpZXdzL2F2YXRhcnMvU2VhcmNoUmVzdWx0QXZhdGFyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuQ29weXJpZ2h0IDIwMjQgTmV3IFZlY3RvciBMdGQuXG5Db3B5cmlnaHQgMjAyMiBUaGUgTWF0cml4Lm9yZyBGb3VuZGF0aW9uIEMuSS5DLlxuXG5TUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQUdQTC0zLjAtb25seSBPUiBHUEwtMy4wLW9ubHlcblBsZWFzZSBzZWUgTElDRU5TRSBmaWxlcyBpbiB0aGUgcmVwb3NpdG9yeSByb290IGZvciBmdWxsIGRldGFpbHMuXG4qL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBSb29tTWVtYmVyIH0gZnJvbSBcIm1hdHJpeC1qcy1zZGsvc3JjL21hdHJpeFwiO1xuXG5pbXBvcnQgZW1haWxQaWxsQXZhdGFyIGZyb20gXCIuLi8uLi8uLi8uLi9yZXMvaW1nL2ljb24tZW1haWwtcGlsbC1hdmF0YXIuc3ZnXCI7XG5pbXBvcnQgeyBtZWRpYUZyb21NeGMgfSBmcm9tIFwiLi4vLi4vLi4vY3VzdG9taXNhdGlvbnMvTWVkaWFcIjtcbmltcG9ydCB7IE1lbWJlciwgVGhyZWVwaWRNZW1iZXIgfSBmcm9tIFwiLi4vLi4vLi4vdXRpbHMvZGlyZWN0LW1lc3NhZ2VzXCI7XG5pbXBvcnQgQmFzZUF2YXRhciBmcm9tIFwiLi9CYXNlQXZhdGFyXCI7XG5cbmludGVyZmFjZSBTZWFyY2hSZXN1bHRBdmF0YXJQcm9wcyB7XG4gICAgdXNlcjogTWVtYmVyIHwgUm9vbU1lbWJlcjtcbiAgICBzaXplOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBTZWFyY2hSZXN1bHRBdmF0YXIoeyB1c2VyLCBzaXplIH06IFNlYXJjaFJlc3VsdEF2YXRhclByb3BzKTogSlNYLkVsZW1lbnQge1xuICAgIGlmICgodXNlciBhcyBUaHJlZXBpZE1lbWJlcikuaXNFbWFpbCkge1xuICAgICAgICAvLyB3ZSBjYW7igJl0IHNob3cgYSByZWFsIGF2YXRhciBoZXJlLCBidXQgd2UgdHJ5IHRvIGNyZWF0ZSB0aGUgZXhhY3Qgc2FtZSBtYXJrdXAgdGhhdCBhIHJlYWwgYXZhdGFyIHdvdWxkIGhhdmVcbiAgICAgICAgLy8gQmFzZUF2YXRhciBtYWtlcyB0aGUgYXZhdGFyLCBpZiBpdCdzIG5vdCBjbGlja2FibGUgYnV0IGp1c3QgZm9yIGRlY29yYXRpb24sIGludmlzaWJsZSB0byBzY3JlZW5yZWFkZXJzIGJ5XG4gICAgICAgIC8vIHNwZWNpZmljYWxseSBzZXR0aW5nIGFuIGVtcHR5IGFsdCB0ZXh0LCBzbyB3ZSBkbyB0aGUgc2FtZS5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxpbWdcbiAgICAgICAgICAgICAgICBjbGFzc05hbWU9XCJteF9TZWFyY2hSZXN1bHRBdmF0YXIgbXhfU2VhcmNoUmVzdWx0QXZhdGFyX3RocmVlcGlkQXZhdGFyXCJcbiAgICAgICAgICAgICAgICBhbHQ9XCJcIlxuICAgICAgICAgICAgICAgIHNyYz17ZW1haWxQaWxsQXZhdGFyfVxuICAgICAgICAgICAgICAgIHdpZHRoPXtzaXplfVxuICAgICAgICAgICAgICAgIGhlaWdodD17c2l6ZX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICk7XG4gICAgfSBlbHNlIHtcbiAgICAgICAgY29uc3QgYXZhdGFyVXJsID0gdXNlci5nZXRNeGNBdmF0YXJVcmwoKTtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxCYXNlQXZhdGFyXG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPVwibXhfU2VhcmNoUmVzdWx0QXZhdGFyXCJcbiAgICAgICAgICAgICAgICB1cmw9e2F2YXRhclVybCA/IG1lZGlhRnJvbU14YyhhdmF0YXJVcmwpLmdldFNxdWFyZVRodW1ibmFpbEh0dHAocGFyc2VJbnQoc2l6ZSwgMTApKSA6IG51bGx9XG4gICAgICAgICAgICAgICAgbmFtZT17dXNlci5uYW1lfVxuICAgICAgICAgICAgICAgIGlkTmFtZT17dXNlci51c2VySWR9XG4gICAgICAgICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICk7XG4gICAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBUUEsSUFBQUEsTUFBQSxHQUFBQyxzQkFBQSxDQUFBQyxPQUFBO0FBR0EsSUFBQUMsb0JBQUEsR0FBQUYsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFFLE1BQUEsR0FBQUYsT0FBQTtBQUVBLElBQUFHLFdBQUEsR0FBQUosc0JBQUEsQ0FBQUMsT0FBQTtBQWRBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQWVPLFNBQVNJLGtCQUFrQkEsQ0FBQztFQUFFQyxJQUFJO0VBQUVDO0FBQThCLENBQUMsRUFBZTtFQUNyRixJQUFLRCxJQUFJLENBQW9CRSxPQUFPLEVBQUU7SUFDbEM7SUFDQTtJQUNBO0lBQ0Esb0JBQ0lULE1BQUEsQ0FBQVUsT0FBQSxDQUFBQyxhQUFBO01BQ0lDLFNBQVMsRUFBQyw0REFBNEQ7TUFDdEVDLEdBQUcsRUFBQyxFQUFFO01BQ05DLEdBQUcsRUFBRUMsNEJBQWdCO01BQ3JCQyxLQUFLLEVBQUVSLElBQUs7TUFDWlMsTUFBTSxFQUFFVDtJQUFLLENBQ2hCLENBQUM7RUFFVixDQUFDLE1BQU07SUFDSCxNQUFNVSxTQUFTLEdBQUdYLElBQUksQ0FBQ1ksZUFBZSxDQUFDLENBQUM7SUFDeEMsb0JBQ0luQixNQUFBLENBQUFVLE9BQUEsQ0FBQUMsYUFBQSxDQUFDTixXQUFBLENBQUFLLE9BQVU7TUFDUEUsU0FBUyxFQUFDLHVCQUF1QjtNQUNqQ1EsR0FBRyxFQUFFRixTQUFTLEdBQUcsSUFBQUcsbUJBQVksRUFBQ0gsU0FBUyxDQUFDLENBQUNJLHNCQUFzQixDQUFDQyxRQUFRLENBQUNmLElBQUksRUFBRSxFQUFFLENBQUMsQ0FBQyxHQUFHLElBQUs7TUFDM0ZnQixJQUFJLEVBQUVqQixJQUFJLENBQUNpQixJQUFLO01BQ2hCQyxNQUFNLEVBQUVsQixJQUFJLENBQUNtQixNQUFPO01BQ3BCbEIsSUFBSSxFQUFFQTtJQUFLLENBQ2QsQ0FBQztFQUVWO0FBQ0oiLCJpZ25vcmVMaXN0IjpbXX0=