@pnp/spfx-controls-react
Version:
Reusable React controls for SharePoint Framework solutions
27 lines • 1.92 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.LikedUserList = void 0;
var tslib_1 = require("tslib");
var React = tslib_1.__importStar(require("react"));
var react_1 = require("@fluentui/react");
var useListItemCommentsStyles_1 = require("./useListItemCommentsStyles");
var cancelIcon = { iconName: 'Cancel' };
var LikedUserList = function (_a) {
var isDialogOpen = _a.isDialogOpen, setShowDialog = _a.setShowDialog, likedBy = _a.likedBy;
var _b = (0, useListItemCommentsStyles_1.useListItemCommentsStyles)(), iconButtonStyles = _b.iconButtonStyles, contentStyles = _b.contentStyles;
var PHOTO_URL = '/_layouts/15/userphoto.aspx?size=M&accountname=';
return (React.createElement(react_1.Modal, { isOpen: isDialogOpen, onDismiss: function () { return setShowDialog(false); }, styles: { main: { width: '480px' } } },
React.createElement("div", { className: contentStyles.header },
React.createElement("h2", { className: contentStyles.heading }, "Liked by"),
React.createElement(react_1.IconButton, { styles: iconButtonStyles, iconProps: cancelIcon, ariaLabel: "Close popup modal", onClick: function () { return setShowDialog(false); } })),
React.createElement(react_1.Stack, { tokens: { childrenGap: 12 }, style: {
height: 'auto',
maxHeight: '450px',
overflowY: 'auto',
padding: '0 1.5rem 1.5rem 1.5rem',
} }, likedBy.map(function (user, // eslint-disable-line @typescript-eslint/no-explicit-any
index) { return (React.createElement(React.Fragment, null,
React.createElement(react_1.Persona, { key: index, text: user.name, secondaryText: user.email, size: react_1.PersonaSize.size40, imageUrl: "".concat(PHOTO_URL).concat(user.email) }))); }))));
};
exports.LikedUserList = LikedUserList;
//# sourceMappingURL=LikedUserList.js.map