@pnp/spfx-controls-react
Version:
Reusable React controls for SharePoint Framework solutions
26 lines • 1.73 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.RenderSpinner = void 0;
var tslib_1 = require("tslib");
var Spinner_1 = require("@fluentui/react/lib/Spinner");
var sp_core_library_1 = require("@microsoft/sp-core-library");
var DocumentCard_1 = require("@fluentui/react/lib/DocumentCard");
var Spinner_2 = require("@fluentui/react/lib/Spinner");
var Stack_1 = require("@fluentui/react/lib/Stack");
var React = tslib_1.__importStar(require("react"));
var react_1 = require("react");
var ListItemCommentsStateProvider_1 = require("../ListItemCommentsStateProvider");
var useListItemCommentsStyles_1 = require("./useListItemCommentsStyles");
var RenderSpinner = function () {
var documentCardStyles = (0, useListItemCommentsStyles_1.useListItemCommentsStyles)().documentCardStyles;
var listItemCommentsState = (0, react_1.useContext)(ListItemCommentsStateProvider_1.ListItemCommentsStateContext).listItemCommentsState;
var isScrolling = listItemCommentsState.isScrolling, isLoading = listItemCommentsState.isLoading;
if (!isScrolling && !isLoading)
return null;
return (React.createElement(DocumentCard_1.DocumentCard, { styles: documentCardStyles, key: "isScrolling" },
React.createElement(DocumentCard_1.DocumentCardDetails, { key: sp_core_library_1.Guid.newGuid().toString() },
React.createElement(Stack_1.Stack, { horizontal: true, horizontalAlign: "center", verticalAlign: "center", tokens: { padding: 20 }, key: sp_core_library_1.Guid.newGuid().toString() },
React.createElement(Spinner_1.Spinner, { size: Spinner_2.SpinnerSize.medium })))));
};
exports.RenderSpinner = RenderSpinner;
//# sourceMappingURL=RenderSpinner.js.map