synapse-react-client
Version:
[](https://travis-ci.com/Sage-Bionetworks/Synapse-React-Client) [](https://badge.fury.io/js/synaps
72 lines • 4.12 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.AccountLevelBadge = exports.accountLevelVerifiedLabel = exports.accountLevelCertifiedLabel = exports.accountLevelRegisteredLabel = void 0;
var tslib_1 = require("tslib");
var React = (0, tslib_1.__importStar)(require("react"));
var react_1 = require("react");
var utils_1 = require("../utils");
var account_registered_svg_1 = require("../assets/icons/account-registered.svg");
var account_certified_svg_1 = require("../assets/icons/account-certified.svg");
var account_validated_svg_1 = require("../assets/icons/account-validated.svg");
var ErrorBanner_1 = require("./ErrorBanner");
exports.accountLevelRegisteredLabel = 'Registered';
exports.accountLevelCertifiedLabel = 'Certified';
exports.accountLevelVerifiedLabel = 'Validated';
var AccountLevelBadge = function (_a) {
var userId = _a.userId;
var _b = (0, react_1.useState)(), error = _b[0], setError = _b[1];
var _c = (0, react_1.useState)(undefined), userBundle = _c[0], setUserBundle = _c[1];
var _d = (0, react_1.useState)(false), isLoading = _d[0], setIsLoading = _d[1];
(0, react_1.useEffect)(function () {
var getData = function () { return (0, tslib_1.__awaiter)(void 0, void 0, void 0, function () {
var certificationOrVerification, bundle, err_1;
return (0, tslib_1.__generator)(this, function (_a) {
switch (_a.label) {
case 0:
_a.trys.push([0, 2, 3, 4]);
setIsLoading(true);
certificationOrVerification = utils_1.SynapseConstants.USER_BUNDLE_MASK_IS_CERTIFIED |
utils_1.SynapseConstants.USER_BUNDLE_MASK_IS_VERIFIED;
return [4 /*yield*/, utils_1.SynapseClient.getUserBundle(userId, certificationOrVerification, undefined)];
case 1:
bundle = _a.sent();
setUserBundle(bundle);
return [3 /*break*/, 4];
case 2:
err_1 = _a.sent();
setError(err_1);
return [3 /*break*/, 4];
case 3:
setIsLoading(false);
return [7 /*endfinally*/];
case 4: return [2 /*return*/];
}
});
}); };
getData();
}, [userId]);
if (isLoading) {
return React.createElement(React.Fragment, null);
}
if (error) {
return React.createElement(ErrorBanner_1.ErrorBanner, { error: error });
}
var accountLevelString = exports.accountLevelRegisteredLabel;
var icon = React.createElement(account_registered_svg_1.ReactComponent, null);
if (userBundle === null || userBundle === void 0 ? void 0 : userBundle.isCertified) {
accountLevelString = exports.accountLevelCertifiedLabel;
icon = React.createElement(account_certified_svg_1.ReactComponent, null);
}
if (userBundle === null || userBundle === void 0 ? void 0 : userBundle.isVerified) {
accountLevelString = exports.accountLevelVerifiedLabel;
icon = React.createElement(account_validated_svg_1.ReactComponent, null);
}
return (React.createElement("div", { className: 'AccountLevelBadge cardContainer' },
React.createElement("div", { className: "AccountLevelBadge__iconContainer" }, icon),
React.createElement("div", { className: "AccountLevelBadge__body" },
React.createElement("p", { className: "AccountLevelBadge__body__userAccountLevel" }, accountLevelString),
React.createElement("p", { className: "AccountLevelBadge__body__accountLevelLabel" }, "Synapse Account Level"),
React.createElement("a", { className: "AccountLevelBadge__body__moreInfoLink", target: "_blank", rel: "noopener noreferrer", href: "https://help.synapse.org/docs/User-Types.2007072795.html" }, "Learn more"))));
};
exports.AccountLevelBadge = AccountLevelBadge;
//# sourceMappingURL=AccountLevelBadge.js.map