@etsoo/toolpad
Version:
Dashboard framework extention based on Toolpad Core
33 lines (32 loc) • 1.57 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.ErrorOverlay = ErrorOverlay;
exports.LoadingOverlay = LoadingOverlay;
const jsx_runtime_1 = require("react/jsx-runtime");
const Error_1 = __importDefault(require("@mui/icons-material/Error"));
const CircularProgress_1 = __importDefault(require("@mui/material/CircularProgress"));
const styles_1 = require("@mui/material/styles");
const Typography_1 = __importDefault(require("@mui/material/Typography"));
const OverlayRoot = (0, styles_1.styled)("div")(({ theme }) => ({
position: "absolute",
inset: "0 0 0 0",
display: "flex",
flexDirection: "column",
alignItems: "center",
justifyContent: "center",
padding: theme.spacing(2)
}));
function ErrorOverlay({ error }) {
return ((0, jsx_runtime_1.jsxs)(OverlayRoot, { children: [(0, jsx_runtime_1.jsxs)(Typography_1.default, { variant: "h6", sx: {
display: "flex",
flexDirection: "row",
gap: 1,
alignItems: "center"
}, children: [(0, jsx_runtime_1.jsx)(Error_1.default, { color: "error" }), " Error"] }), (0, jsx_runtime_1.jsx)(Typography_1.default, { align: "center", children: error?.message ?? "Unknown error" })] }));
}
function LoadingOverlay() {
return ((0, jsx_runtime_1.jsx)(OverlayRoot, { children: (0, jsx_runtime_1.jsx)(CircularProgress_1.default, {}) }));
}