synapse-react-client
Version:
[](https://travis-ci.com/Sage-Bionetworks/Synapse-React-Client) [](https://badge.fury.io/js/synaps
66 lines • 3.92 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var React = (0, tslib_1.__importStar)(require("react"));
var ReactBootstrap = (0, tslib_1.__importStar)(require("react-bootstrap"));
var react_bootstrap_1 = require("react-bootstrap");
var react_1 = require("react");
var SynapseClient_1 = require("../../../utils/SynapseClient");
var SynapseContext_1 = require("../../../utils/SynapseContext");
var CancelRequestDataAccess = function (props) {
var accessToken = (0, SynapseContext_1.useSynapseContext)().accessToken;
var formSubmitRequestObject = props.formSubmitRequestObject, onHide = props.onHide;
var _a = (0, react_1.useState)(), alert = _a[0], setAlert = _a[1];
var _b = (0, react_1.useState)(false), showCloseBtn = _b[0], setShowCloseBtn = _b[1];
var handleSave = function () { return (0, tslib_1.__awaiter)(void 0, void 0, void 0, function () {
var resp, e_1;
return (0, tslib_1.__generator)(this, function (_a) {
switch (_a.label) {
case 0:
if (!formSubmitRequestObject) return [3 /*break*/, 4];
_a.label = 1;
case 1:
_a.trys.push([1, 3, , 4]);
return [4 /*yield*/, (0, SynapseClient_1.updateDataAccessRequest)(formSubmitRequestObject, accessToken)];
case 2:
resp = _a.sent();
if (resp) {
// save success, close dialog
onHide === null || onHide === void 0 ? void 0 : onHide();
}
else {
setAlert({
key: 'danger',
message: 'Sorry, there is an error in submitting your request. Please close this dialog and try again later.',
});
setShowCloseBtn(true);
}
return [3 /*break*/, 4];
case 3:
e_1 = _a.sent();
console.log('CancelRequestDataAccess: Error updating form', e_1);
setAlert({
key: 'danger',
message: "Sorry, there is an error in submitting your request. " + (e_1.reason || '') + ". Please close this dialog and try again later",
});
setShowCloseBtn(true);
return [3 /*break*/, 4];
case 4: return [2 /*return*/];
}
});
}); };
return (React.createElement(React.Fragment, null,
React.createElement(ReactBootstrap.Modal.Header, { closeButton: true },
React.createElement(ReactBootstrap.Modal.Title, { className: "AccessRequirementList__title" }, "Save Changes")),
React.createElement(ReactBootstrap.Modal.Body, null,
React.createElement("p", null, "Would you like to save your recent changes?"),
/* Alert message */
alert && React.createElement(react_bootstrap_1.Alert, { variant: alert.key }, alert.message)),
React.createElement(ReactBootstrap.Modal.Footer, null,
!showCloseBtn && (React.createElement(React.Fragment, null,
React.createElement(react_bootstrap_1.Button, { variant: "link", onClick: function () { return onHide === null || onHide === void 0 ? void 0 : onHide(); } }, "Cancel"),
React.createElement(react_bootstrap_1.Button, { variant: "primary", onClick: function () { return handleSave(); } }, "Save changes"))),
showCloseBtn && (React.createElement(react_bootstrap_1.Button, { variant: "primary", onClick: function () { return onHide === null || onHide === void 0 ? void 0 : onHide(); } }, "Close")))));
};
exports.default = CancelRequestDataAccess;
//# sourceMappingURL=CancelRequestDataAccess.js.map