UNPKG

@jbrowse/core

Version:

JBrowse 2 core libraries used by plugins

12 lines (11 loc) 2.12 kB
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime"; import { Dialog } from '@jbrowse/core/ui'; import SettingsIcon from '@mui/icons-material/Settings'; import { Button, DialogActions, DialogContent, Typography } from '@mui/material'; export default function HelpDialog({ handleClose, }) { return (_jsxs(Dialog, { maxWidth: "xl", open: true, onClose: () => { handleClose(); }, title: "Feature sequence panel help", children: [_jsxs(DialogContent, { children: [_jsx(Typography, { children: "The \"Feature sequence\" panel shows the underlying genomic sequence for a given feature, fetched from the reference genome." }), _jsx(Typography, { children: "For gene features, this panel does special calculations to e.g. stitch together the coding sequence, the options are:" }), _jsxs("ul", { children: [_jsx("li", { children: "CDS - shows the stitched together CDS sequences" }), _jsx("li", { children: "Protein - the translated coding sequence, with the \"standard\" genetic code" }), _jsx("li", { children: "cDNA - shows the 'copy DNA' of transcript, formed from exon sequences" }), _jsx("li", { children: "Genomic w/ introns +/- Nbp up+down stream - the sequence underlying the entire gene including including introns, with UTR and CDS highlighted" })] }), _jsx(Typography, { children: "For other feature types, the options are:" }), _jsx("ul", { children: _jsx("li", { children: "Genomic +/- Nbp up+down stream - the reference genome sequence underlying the feature, with the up and downstream sequence" }) }), _jsxs(Typography, { children: ["Note 1: you can use the \"gear icon\" ", _jsx(SettingsIcon, {}), " to edit the number of bp displayed up/downstream and in the intron region"] }), _jsx(Typography, { children: "Note 2: The 'Copy HTML' function retains the colors from the sequence panel but cannot be pasted into some programs like notepad that only expect plain text." })] }), _jsx(DialogActions, { children: _jsx(Button, { onClick: () => { handleClose(); }, autoFocus: true, variant: "contained", children: "Close" }) })] })); }