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

JBrowse 2 linear genome view

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const material_1 = require("@mui/material");
const mobx_react_1 = require("mobx-react");
const mobx_state_tree_1 = require("mobx-state-tree");
const BlockMsg_1 = __importDefault(require("../components/BlockMsg"));
const TooLargeMessage = (0, mobx_react_1.observer)(function ({ model, }) {
    const { regionTooLargeReason } = model;
    return ((0, jsx_runtime_1.jsx)(BlockMsg_1.default, { severity: "warning", action: (0, jsx_runtime_1.jsx)(material_1.Button, { onClick: () => {
                if ((0, mobx_state_tree_1.isAlive)(model)) {
                    model.setFeatureDensityStatsLimit(model.featureDensityStats);
                    model.reload();
                }
            }, children: "Force load" }), message: [
            regionTooLargeReason,
            'Zoom in to see features or force load (may be slow)',
        ]
            .filter(f => !!f)
            .join('. ') }));
});
exports.default = TooLargeMessage;