synapse-react-client
Version:
[](https://travis-ci.com/Sage-Bionetworks/Synapse-React-Client) [](https://badge.fury.io/js/synaps
21 lines • 1.69 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.FeaturedToolCard = void 0;
var tslib_1 = require("tslib");
var moment_1 = (0, tslib_1.__importDefault)(require("moment"));
var react_1 = (0, tslib_1.__importDefault)(require("react"));
var DateFormatter_1 = require("../../../utils/functions/DateFormatter");
var FeaturedToolCard = function (_a) {
var _b;
var id = _a.id, name = _a.name, description = _a.description, type = _a.type, toolDetailPageURL = _a.toolDetailPageURL, date = _a.date, domProps = (0, tslib_1.__rest)(_a, ["id", "name", "description", "type", "toolDetailPageURL", "date"]);
return (react_1.default.createElement("div", (0, tslib_1.__assign)({}, domProps, { className: "cardContainer FeaturedToolCard bootstrap-4-backport " + ((_b = domProps.className) !== null && _b !== void 0 ? _b : '') }),
react_1.default.createElement("div", { className: "FeaturedToolCard__Type" },
react_1.default.createElement("span", { className: "SRC-tag" }, type)),
react_1.default.createElement("div", { className: "FeaturedToolCard__Date" }, (0, DateFormatter_1.formatDate)((0, moment_1.default)(parseInt(date)), 'MMMM YYYY')),
react_1.default.createElement("div", { className: "FeaturedToolCard__Name" }, name),
react_1.default.createElement("div", { className: "FeaturedToolCard__Description" }, description),
react_1.default.createElement("div", null,
react_1.default.createElement("a", { className: "FeaturedToolCard__Link", href: "" + toolDetailPageURL + id }, "View Tool"))));
};
exports.FeaturedToolCard = FeaturedToolCard;
//# sourceMappingURL=FeaturedToolCard.js.map