synapse-react-client
Version:
[](https://travis-ci.com/Sage-Bionetworks/Synapse-React-Client) [](https://badge.fury.io/js/synaps
38 lines • 1.9 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.BlockingLoader = exports.SynapseSpinner = void 0;
var tslib_1 = require("tslib");
var core_1 = require("@material-ui/core");
var react_1 = (0, tslib_1.__importStar)(require("react"));
var react_bootstrap_1 = require("react-bootstrap");
var Typography_1 = (0, tslib_1.__importDefault)(require("../utils/typography/Typography"));
var loadingScreen = (react_1.default.createElement("div", { className: "bar-loader" },
react_1.default.createElement(core_1.LinearProgress, { classes: {
colorPrimary: 'bar-background-color',
barColorPrimary: 'bar-color',
} })));
var SynapseSpinner = function (_a) {
var _b = _a.size, size = _b === void 0 ? 20 : _b;
return (react_1.default.createElement("div", { className: "spinner", style: {
height: size + "px",
width: size + "px",
backgroundSize: size + "px",
} }));
};
exports.SynapseSpinner = SynapseSpinner;
var BlockingLoader = function (_a) {
var show = _a.show;
(0, react_1.useEffect)(function () {
document.body.style.cursor = show ? 'wait' : 'default';
return function () {
document.body.style.cursor = 'default';
};
}, [show]);
return (react_1.default.createElement(react_bootstrap_1.Modal, { className: "bootstrap-4-backport BlockingLoader", backdrop: false, animation: false, show: show, size: "sm", centered: true, onHide: function () { } },
react_1.default.createElement("div", { className: "SpinnerContainer" },
react_1.default.createElement(exports.SynapseSpinner, { size: 40 }),
react_1.default.createElement(Typography_1.default, { variant: "headline3" }, "Loading..."))));
};
exports.BlockingLoader = BlockingLoader;
exports.default = loadingScreen;
//# sourceMappingURL=LoadingScreen.js.map