diff --git a/taxonium_component/src/Deck.jsx b/taxonium_component/src/Deck.jsx index eeeb91d5..ccf5f2ca 100644 --- a/taxonium_component/src/Deck.jsx +++ b/taxonium_component/src/Deck.jsx @@ -45,8 +45,7 @@ function Deck({ jbrowseRef, setAdditionalColorMapping, mouseDownIsMinimap, - setMouseDownIsMinimap - + setMouseDownIsMinimap, }) { const zoomReset = view.zoomReset; const snapshot = useSnapshot(deckRef); @@ -78,7 +77,6 @@ function Deck({ ); const [treenomeReferenceInfo, setTreenomeReferenceInfo] = useState(null); - const mouseDownPos = useRef(); const onClickOrMouseMove = useCallback( @@ -139,10 +137,9 @@ function Deck({ pickInfo.viewport.id === "minimap" && mouseDownIsMinimap ) { - onViewStateChange({ oldViewState: viewState, - specialMinimap:true, + specialMinimap: true, viewState: { ...viewState, target: [ diff --git a/taxonium_component/src/Taxonium.jsx b/taxonium_component/src/Taxonium.jsx index f1da7b03..fe04ff49 100644 --- a/taxonium_component/src/Taxonium.jsx +++ b/taxonium_component/src/Taxonium.jsx @@ -70,7 +70,13 @@ function Taxonium({ const [deckSize, setDeckSize] = useState(null); const settings = useSettings({ query, updateQuery }); - const view = useView({ settings, deckSize, deckRef, jbrowseRef, mouseDownIsMinimap }); + const view = useView({ + settings, + deckSize, + deckRef, + jbrowseRef, + mouseDownIsMinimap, + }); const url_on_fail = URL_ON_FAIL ? URL_ON_FAIL : null; diff --git a/taxonium_component/src/hooks/useView.jsx b/taxonium_component/src/hooks/useView.jsx index 88e47300..a9d3db4c 100644 --- a/taxonium_component/src/hooks/useView.jsx +++ b/taxonium_component/src/hooks/useView.jsx @@ -101,7 +101,13 @@ class MyOrthographicController extends OrthographicController { } } -const useView = ({ settings, deckSize, deckRef, jbrowseRef, mouseDownIsMinimap }) => { +const useView = ({ + settings, + deckSize, + deckRef, + jbrowseRef, + mouseDownIsMinimap, +}) => { const [zoomAxis, setZoomAxis] = useState("Y"); const [xzoom, setXzoom] = useState(window.screen.width < 600 ? -1 : 0); globalSetZoomAxis = setZoomAxis; @@ -232,10 +238,8 @@ const useView = ({ settings, deckSize, deckRef, jbrowseRef, mouseDownIsMinimap } oldViewState, basicTarget, overrideZoomAxis, - specialMinimap - + specialMinimap, }) => { - if (!deckSize) { return; } @@ -251,8 +255,7 @@ const useView = ({ settings, deckSize, deckRef, jbrowseRef, mouseDownIsMinimap } const newScaleY = 2 ** newViewState.zoom; // eslint-disable-line no-unused-vars - if(mouseDownIsMinimap && !specialMinimap &&oldScaleY === newScaleY){ - + if (mouseDownIsMinimap && !specialMinimap && oldScaleY === newScaleY) { return; }