@raona/components
Version:
React components used at Raona to work with SPFx
32 lines (31 loc) • 2.83 kB
JavaScript
"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")))))));
};