@pnp/spfx-controls-react
Version:
Reusable React controls for SharePoint Framework solutions
22 lines • 1.51 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.RenderUser = void 0;
var tslib_1 = require("tslib");
var sp_core_library_1 = require("@microsoft/sp-core-library");
var DocumentCard_1 = require("@fluentui/react/lib/DocumentCard");
var Persona_1 = require("@fluentui/react/lib/Persona");
var Stack_1 = require("@fluentui/react/lib/Stack");
var React = tslib_1.__importStar(require("react"));
var useListItemCommentsStyles_1 = require("../useListItemCommentsStyles");
var constants_1 = require("./../../../common/constants");
var RenderUser = function (props) {
var user = props.user;
var _a = (0, useListItemCommentsStyles_1.useListItemCommentsStyles)(), documentCardUserStyles = _a.documentCardUserStyles, renderUserContainerStyles = _a.renderUserContainerStyles;
return (React.createElement(React.Fragment, null,
React.createElement(DocumentCard_1.DocumentCard, { styles: documentCardUserStyles },
React.createElement(DocumentCard_1.DocumentCardDetails, null,
React.createElement(Stack_1.Stack, { horizontal: true, horizontalAlign: "start", verticalAlign: "center", styles: renderUserContainerStyles, key: sp_core_library_1.Guid.newGuid().toString() },
React.createElement(Persona_1.Persona, { text: user.displayName, secondaryText: user.mail, coinSize: 40, imageUrl: "".concat(constants_1.PHOTO_URL).concat(user.mail) }))))));
};
exports.RenderUser = RenderUser;
//# sourceMappingURL=RenderUser.js.map