UNPKG

synapse-react-client

Version:

[![Build Status](https://travis-ci.com/Sage-Bionetworks/Synapse-React-Client.svg?branch=main)](https://travis-ci.com/Sage-Bionetworks/Synapse-React-Client) [![npm version](https://badge.fury.io/js/synapse-react-client.svg)](https://badge.fury.io/js/synaps

21 lines 1.62 kB
"use strict"; 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