@jbrowse/plugin-linear-genome-view/dist/BaseLinearDisplay/components/BlockLoadingMessage.js

JBrowse 2 linear genome view

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const ui_1 = require("@jbrowse/core/ui");
const mobx_react_1 = require("mobx-react");
const mobx_state_tree_1 = require("mobx-state-tree");
const mui_1 = require("tss-react/mui");
const useStyles = (0, mui_1.makeStyles)()(theme => {
    const bg = theme.palette.action.disabledBackground;
    return {
        loading: {
            paddingLeft: '0.6em',
            backgroundColor: theme.palette.background.default,
            backgroundImage: `repeating-linear-gradient(45deg, transparent, transparent 5px, ${bg} 5px, ${bg} 10px)`,
            textAlign: 'center',
        },
    };
});
const BlockLoadingMessage = (0, mobx_react_1.observer)(function ({ model, }) {
    const { classes } = useStyles();
    const { status: blockStatus } = model;
    const { message: displayStatus } = (0, mobx_state_tree_1.getParent)(model, 2);
    const status = displayStatus || blockStatus;
    return ((0, jsx_runtime_1.jsx)("div", { className: classes.loading, children: (0, jsx_runtime_1.jsx)(ui_1.LoadingEllipses, { message: status }) }));
});
exports.default = BlockLoadingMessage;