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

JBrowse 2 linear genome view

import { jsx as _jsx } from "react/jsx-runtime";
import { LoadingEllipses } from '@jbrowse/core/ui';
import { observer } from 'mobx-react';
import { getParent } from 'mobx-state-tree';
import { makeStyles } from 'tss-react/mui';
const useStyles = 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 = observer(function ({ model, }) {
    const { classes } = useStyles();
    const { status: blockStatus } = model;
    const { message: displayStatus } = getParent(model, 2);
    const status = displayStatus || blockStatus;
    return (_jsx("div", { className: classes.loading, children: _jsx(LoadingEllipses, { message: status }) }));
});
export default BlockLoadingMessage;