@jbrowse/plugin-linear-genome-view
Version:
JBrowse 2 linear genome view
22 lines (21 loc) • 1.13 kB
JavaScript
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
import { TrackSelector as TrackSelectorIcon } from '@jbrowse/core/ui/Icons';
import { Button, Paper, Typography } from '@mui/material';
import { observer } from 'mobx-react';
import { makeStyles } from 'tss-react/mui';
const useStyles = makeStyles()(theme => ({
note: {
textAlign: 'center',
paddingTop: theme.spacing(1),
paddingBottom: theme.spacing(1),
},
top: {
zIndex: 800,
},
}));
const NoTracksActiveButton = observer(function ({ model, }) {
const { classes } = useStyles();
const { hideNoTracksActive } = model;
return (_jsx(Paper, { className: classes.note, children: !hideNoTracksActive ? (_jsxs(_Fragment, { children: [_jsx(Typography, { children: "No tracks active." }), _jsx(Button, { variant: "contained", color: "primary", onClick: () => model.activateTrackSelector(), className: classes.top, startIcon: _jsx(TrackSelectorIcon, {}), children: "Open track selector" })] })) : (_jsx("div", { style: { height: '48px' } })) }));
});
export default NoTracksActiveButton;