@raona/components
Version:
React components used at Raona to work with SPFx
35 lines (34 loc) • 2.42 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
var React = require("react");
// import { CardEntity, CardStyles, AlternateNewsBodyStyles } from '../../entities';
var getTimeAgo_1 = require("@raona/sp/dist/utils/getTimeAgo");
function getHashtagsFromTweetContent(content) {
var expression = /(\#[\u00C0-\u017F-0-9a-zA-Z]+\w)/g; // #word (con dieresis, numeros y letras)
var arrayWords = content.match(expression);
return arrayWords ? arrayWords : [];
}
exports.TwitterCard = function (props) {
var item = props.item, defaultImageUrl = props.defaultImageUrl;
var hashtags = item.content ? getHashtagsFromTweetContent(item.content) : ['No Content, no Hashtags!!'];
return (React.createElement("div", { className: "contSocialCard" },
React.createElement("div", { className: "contSocialCard__inner", onClick: function () { window.open(item.redirectUrl, '_blank'); } },
React.createElement("div", { className: "contSocialCard__header" },
React.createElement("span", { style: { backgroundImage: "url(\"" + (item.imageUrl ? item.imageUrl : defaultImageUrl) + "\")" } })),
React.createElement("div", { className: "contSocialCard__body" },
React.createElement("div", { className: "contSocialCard__meta" },
React.createElement("span", { className: "contSocialCard__title" },
React.createElement("i", { className: 'icon-twitter' }),
item.title),
React.createElement("span", { className: "contSocialCard__network" },
"@",
item.username),
React.createElement("span", { className: "contSocialCard__date" }, getTimeAgo_1.getTimeAgo(item.date))),
React.createElement("div", { className: "contSocialCard__desc" }, item.content ? item.content : '¿ Where is the Content mate ?'),
React.createElement("div", { className: "contSocialCard__hashtags" }, hashtags.length > 0
? hashtags.map(function (h) { return React.createElement("span", { className: "contSocialCard__hashtag" },
" ",
h,
" "); })
: React.createElement("span", { className: "contSocialCard__hashtag" }, " #Cellnex "))))));
};