@pnp/spfx-controls-react
Version:
Reusable React controls for SharePoint Framework solutions
36 lines • 1.47 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.RenderEmoji = void 0;
var tslib_1 = require("tslib");
/* eslint-disable @typescript-eslint/no-explicit-any */
var React = tslib_1.__importStar(require("react"));
var useReactionPickerStyle_1 = require("./useReactionPickerStyle");
var RenderEmoji = function (props) {
var emoji = props.emoji, onSelect = props.onSelect, className = props.className;
var styles = (0, useReactionPickerStyle_1.useReactionPickerStyles)();
var imageUrl = React.useMemo(function () {
try {
var _a = emoji || {}, styles_1 = _a.styles, skintones = _a.skintones;
var Default = (skintones || {}).Default;
var image = styles_1 ? styles_1.Color : undefined;
if (!image) {
image = Default ? Default.Color : "";
}
return image;
}
catch (error) {
console.log(error);
}
}, [emoji, styles]);
if (!emoji) {
return null;
}
return (React.createElement(React.Fragment, null,
React.createElement("img", { src: imageUrl, alt: emoji.cldr, className: className !== null && className !== void 0 ? className : styles.emojiImage, onClick: function () {
if (onSelect) {
onSelect(emoji.glyph, emoji);
}
} })));
};
exports.RenderEmoji = RenderEmoji;
//# sourceMappingURL=RenderEmoji.js.map