diff --git a/frontend/src/pages/GenomicRegionView/RegionViewPlotlyPlot.jsx b/frontend/src/pages/GenomicRegionView/RegionViewPlotlyPlot.jsx index 9d3c868..46a560f 100644 --- a/frontend/src/pages/GenomicRegionView/RegionViewPlotlyPlot.jsx +++ b/frontend/src/pages/GenomicRegionView/RegionViewPlotlyPlot.jsx @@ -206,7 +206,7 @@ const RegionViewPlotlyPlot = React.memo(function RegionViewPlotlyPlot({ exonStructure, exonStructureTruncated, }) { - const range = visibleRange || selectedRange; + const range = (visibleRange?.start != null && visibleRange?.end != null) ? visibleRange : selectedRange; const signalList = Object.entries(signalData).flatMap( ([celltype, signals]) => { if ( diff --git a/frontend/src/pages/GenomicRegionView/index.jsx b/frontend/src/pages/GenomicRegionView/index.jsx index b93ea18..89e4863 100644 --- a/frontend/src/pages/GenomicRegionView/index.jsx +++ b/frontend/src/pages/GenomicRegionView/index.jsx @@ -580,26 +580,23 @@ function GenomicRegionView() { return; } - const init = async () => { - const parsed = parseRegionString(urlRegion); - if (!parsed) return; + const parsed = parseRegionString(urlRegion); + if (!parsed) return; - const { - chromosome: urlChromosome, - start: urlStart, - end: urlEnd, - } = parsed; + const { + chromosome: urlChromosome, + start: urlStart, + end: urlEnd, + } = parsed; - if ( - urlChromosome !== selectedChromosome || - urlStart !== selectedRange?.start || - urlEnd !== selectedRange?.end - ) { - setRegion(urlChromosome, urlStart, urlEnd); - setRegionSearchText(`${urlChromosome}:${urlStart}-${urlEnd}`); - } - }; - init(); + if ( + urlChromosome !== selectedChromosome || + urlStart !== selectedRange?.start || + urlEnd !== selectedRange?.end + ) { + setRegion(urlChromosome, urlStart, urlEnd); + setRegionSearchText(`${urlChromosome}:${urlStart}-${urlEnd}`); + } }, [urlRegion]); // useEffect(() => {