synapse-react-client
Version:
[](https://travis-ci.com/Sage-Bionetworks/Synapse-React-Client) [](https://badge.fury.io/js/synaps
22 lines • 1.49 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var react_1 = (0, tslib_1.__importStar)(require("react"));
var MarkdownSynapse_1 = (0, tslib_1.__importDefault)(require("../../MarkdownSynapse"));
function ResourcesDesktop(_a) {
var data = _a.data;
var _b = (0, react_1.useState)(0), index = _b[0], setIndex = _b[1];
return (react_1.default.createElement("div", { className: "control-container" },
react_1.default.createElement("div", { className: "button-container" }, data === null || data === void 0 ? void 0 :
data.map(function (el, curIndex) {
return (react_1.default.createElement("button", { className: index === curIndex ? 'isSelected' : '', onClick: function () { return setIndex(curIndex); }, key: el.name }, el.name));
}),
react_1.default.createElement("button", { className: "gap-fill" })),
react_1.default.createElement("div", { className: "content-container" }, data === null || data === void 0 ? void 0 : data.map(function (el, curIndex) {
var ownerId = el.ownerId, wikiId = el.wikiId;
return (react_1.default.createElement("span", { key: ownerId, className: index === curIndex ? '' : 'hide' },
react_1.default.createElement(MarkdownSynapse_1.default, { ownerId: ownerId, wikiId: wikiId })));
}))));
}
exports.default = ResourcesDesktop;
//# sourceMappingURL=Resources.Desktop.js.map