synapse-react-client
Version:
[](https://travis-ci.com/Sage-Bionetworks/Synapse-React-Client) [](https://badge.fury.io/js/synaps
21 lines • 1.62 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.ProjectViewCard = void 0;
var tslib_1 = require("tslib");
var react_1 = (0, tslib_1.__importDefault)(require("react"));
var react_bootstrap_1 = require("react-bootstrap");
var getEndpoint_1 = require("../../../utils/functions/getEndpoint");
var ProjectViewCard = function (_a) {
var _b;
var projectName = _a.projectName, projectDescription = _a.projectDescription, synId = _a.synId, image = _a.image, domProps = (0, tslib_1.__rest)(_a, ["projectName", "projectDescription", "synId", "image"]);
return (react_1.default.createElement("div", (0, tslib_1.__assign)({}, domProps, { className: "cardContainer ProjectViewCard bootstrap-4-backport " + ((_b = domProps.className) !== null && _b !== void 0 ? _b : '') }),
image ? image : react_1.default.createElement("div", { className: 'ProjectViewCard__ImagePlaceholder' }),
react_1.default.createElement("div", null,
react_1.default.createElement("div", { className: "ProjectViewCard__ProjectName" }, projectName),
react_1.default.createElement("div", { className: "ProjectViewCard__ProjectDescription" }, projectDescription)),
react_1.default.createElement(react_bootstrap_1.Button, { variant: "primary", className: "ProjectViewCard__ViewProjectButton", onClick: function () {
return window.open(getEndpoint_1.PRODUCTION_ENDPOINT_CONFIG.PORTAL + "#!Synapse:" + synId, '_blank', 'noopener');
} }, "View Project")));
};
exports.ProjectViewCard = ProjectViewCard;
//# sourceMappingURL=ProjectViewCard.js.map