UNPKG

@raona/components

Version:

React components used at Raona to work with SPFx

32 lines (31 loc) 2.83 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var React = require("react"); var stylesConstants_1 = require("./stylesConstants"); exports.SPNews = function (_a) { var item = _a.item, defaultImageUrl = _a.defaultImageUrl, spNewsStyles = _a.spNewsStyles, handleCardClick = _a.handleCardClick; var styles = spNewsStyles ? spNewsStyles : stylesConstants_1.spNewsConstantStyles; return (React.createElement("div", { className: styles.card, onClick: function () { item.metadata && item.metadata.big && handleCardClick && handleCardClick(item); } }, React.createElement("div", { className: styles.wrapper }, React.createElement("div", { className: styles.image.header }, React.createElement("img", { className: styles.image.image, src: item.imageUrl ? item.imageUrl : defaultImageUrl, alt: "", onClick: function () { handleCardClick && handleCardClick(item); } })), React.createElement("div", { className: styles.body.body }, React.createElement("div", { className: styles.body.title, onClick: function () { handleCardClick && handleCardClick(item); } }, item.title), item.metadata && item.metadata.big ? React.createElement("div", { className: styles.body.more && styles.body.more.more }, React.createElement("span", null, React.createElement("span", null, "Learn more"), React.createElement("i", { className: styles.body.more && styles.body.more.icon }))) : React.createElement("div", { className: styles.body.description }, item.description), item.author && React.createElement("div", { className: styles.body.user && styles.body.user.user }, React.createElement("div", { className: styles.body.user && styles.body.user.image }, React.createElement("img", { src: item.author.profilePicUrl, alt: "" })), React.createElement("div", { className: styles.body.user && styles.body.user.body.body }, React.createElement("div", { className: styles.body.user && styles.body.user.body.nameZone }, React.createElement("span", { className: styles.body.user && styles.body.user.body.name }, item.author.userName), React.createElement("span", { className: styles.body.user && styles.body.user.body.date }, item.date)), item.nViews && React.createElement("div", { className: styles.body.user && styles.body.user.body.meta }, item.nViews && item.nViews + " visualizations"))))))); };