synapse-react-client
Version:
[](https://travis-ci.com/Sage-Bionetworks/Synapse-React-Client) [](https://badge.fury.io/js/synaps
33 lines • 2.3 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var React = (0, tslib_1.__importStar)(require("react"));
var react_1 = require("react");
var FeaturedDataPlots_1 = (0, tslib_1.__importDefault)(require("./FeaturedDataPlots"));
var utils_1 = require("../../../containers/row_renderers/utils");
var react_bootstrap_1 = require("react-bootstrap");
var FeaturedDataTabs = function (props) {
var _a;
var _b = (0, react_1.useState)(0), selectedTabIndex = _b[0], setSelectedTabIndex = _b[1];
var configs = props.configs, rgbIndex = props.rgbIndex, sql = props.sql;
// explore all data button
var selectedTabProps = configs[selectedTabIndex];
return (React.createElement("div", { className: "FeaturedDataTabs" },
React.createElement("div", { className: "FeaturedDataTabs__tabs" }, configs.map(function (config, index) {
var isSelectedTabIndex = index === selectedTabIndex;
return (React.createElement("div", { className: "FeaturedDataTabs__tabs__tab " + (isSelectedTabIndex
? 'FeaturedDataTabs__tabs__tab__selected'
: ''), key: config.title },
React.createElement("button", { onClick: function () { return setSelectedTabIndex(index); } },
config.icon && React.createElement(utils_1.Icon, { type: config.icon }),
config.title)));
})),
selectedTabProps && (React.createElement(React.Fragment, null,
React.createElement(FeaturedDataPlots_1.default, (0, tslib_1.__assign)({ key: sql + "-" + selectedTabIndex }, selectedTabProps.plotsConfig, { rgbIndex: rgbIndex, sql: sql, explorePagePath: selectedTabProps.explorePagePath })),
selectedTabProps.explorePagePath && (React.createElement("div", { className: "bootstrap-4-backport FeaturedDataTabs__explore-all" },
React.createElement(react_bootstrap_1.Button, { className: "pill", variant: "secondary", size: "lg", href: selectedTabProps.explorePagePath },
"EXPLORE ALL ", (_a = selectedTabProps.exploreObjectType) === null || _a === void 0 ? void 0 :
_a.toUpperCase())))))));
};
exports.default = FeaturedDataTabs;
//# sourceMappingURL=FeaturedDataTabs.js.map