@jbrowse/plugin-linear-genome-view
Version:
JBrowse 2 linear genome view
24 lines (23 loc) • 1.32 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const Icons_1 = require("@jbrowse/core/ui/Icons");
const material_1 = require("@mui/material");
const mobx_react_1 = require("mobx-react");
const mui_1 = require("tss-react/mui");
const useStyles = (0, mui_1.makeStyles)()(theme => ({
note: {
textAlign: 'center',
paddingTop: theme.spacing(1),
paddingBottom: theme.spacing(1),
},
top: {
zIndex: 800,
},
}));
const NoTracksActiveButton = (0, mobx_react_1.observer)(function ({ model, }) {
const { classes } = useStyles();
const { hideNoTracksActive } = model;
return ((0, jsx_runtime_1.jsx)(material_1.Paper, { className: classes.note, children: !hideNoTracksActive ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: "No tracks active." }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "primary", onClick: () => model.activateTrackSelector(), className: classes.top, startIcon: (0, jsx_runtime_1.jsx)(Icons_1.TrackSelector, {}), children: "Open track selector" })] })) : ((0, jsx_runtime_1.jsx)("div", { style: { height: '48px' } })) }));
});
exports.default = NoTracksActiveButton;