diff --git a/src/components/Layout.js b/src/components/Layout.js index 8d7c2f3..fa2fbeb 100644 --- a/src/components/Layout.js +++ b/src/components/Layout.js @@ -241,7 +241,7 @@ class Dashboard extends React.Component { } } - renderIntroPopup(isMobile, styles) { + renderIntroPopup(styles) { const checkMobile = isMobileOnly || window.innerWidth < 600; const { app, actions } = this.props; @@ -266,7 +266,6 @@ class Dashboard extends React.Component { onClose={actions.toggleIntroPopup} content={app.intro} styles={styles} - isMobile={false} > {extraContent} @@ -299,32 +298,6 @@ class Dashboard extends React.Component { textAlign: "justify", }; - // if (checkMobile) { - // const msg = - // "This platform is not suitable for mobile. Please re-visit the site on a device with a larger screen."; - // return ( - //
- // {features.USE_COVER && !app.intro && ( - // - // {/* enable USE_COVER in config.js features, and customise your header */} - // {/* pass 'actions.toggleCover' as a prop to your custom header */} - // { - // /* eslint-disable no-undef */ - // alert(msg); - // /* eslint-enable no-undef */ - // }} - // /> - // - // )} - // {app.intro && <>{this.renderIntroPopup(true, popupStyles)}} - // {!app.intro && !features.USE_COVER && ( - //
{msg}
- // )} - //
- // ); - // } - return (
{checkMobile ? null : ( @@ -395,7 +368,7 @@ class Dashboard extends React.Component { isOpen={app.flags.isInfopopup} onClose={actions.toggleInfoPopup} /> - {this.renderIntroPopup(false, popupStyles)} + {this.renderIntroPopup(popupStyles)} {app.debug ? ( { - this.updateClusters(); this.alignLayers(); }); - map.on("move zoomend viewreset", () => this.alignLayers()); + map.on("zoomend viewreset", () => { + this.map.dragging.enable(); + this.map.doubleClickZoom.enable(); + this.map.scrollWheelZoom.enable(); + this.alignLayers(); + this.updateClusters(); + }); map.on("zoomstart", () => { if (this.svgRef.current !== null) this.svgRef.current.classList.add("hide"); @@ -287,6 +292,10 @@ class Map extends React.Component { expansionZoom + zoomLevelsToSkip, this.props.app.cluster.maxZoom ); + + this.map.dragging.disable(); + this.map.doubleClickZoom.disable(); + this.map.scrollWheelZoom.disable(); this.map.flyTo(new L.LatLng(latitude, longitude), zoomToFly); }