Skip to content
Snippets Groups Projects
Unverified Commit 7e6fdb3d authored by Chris Beer's avatar Chris Beer Committed by GitHub
Browse files

Merge pull request #1917 from ProjectMirador/debounce-update-viewport

Debounces update-viewport to reduce re-renders and improve performance
parents 341ad20c c69f38e8
No related branches found
No related tags found
No related merge requests found
...@@ -36,6 +36,7 @@ ...@@ -36,6 +36,7 @@
"deepmerge": "^3.1.0", "deepmerge": "^3.1.0",
"i18next": "^14.0.1", "i18next": "^14.0.1",
"intersection-observer": "^0.5.1", "intersection-observer": "^0.5.1",
"lodash": "^4.17.11",
"manifesto.js": "^3.0.9", "manifesto.js": "^3.0.9",
"node-fetch": "^2.3.0", "node-fetch": "^2.3.0",
"node-sass": "^4.9.2", "node-sass": "^4.9.2",
......
import React, { Component } from 'react'; import React, { Component } from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import OpenSeadragon from 'openseadragon'; import OpenSeadragon from 'openseadragon';
import debounce from 'lodash/debounce';
import ns from '../config/css-ns'; import ns from '../config/css-ns';
import ZoomControls from '../containers/ZoomControls'; import ZoomControls from '../containers/ZoomControls';
...@@ -36,7 +37,8 @@ class OpenSeadragonViewer extends Component { ...@@ -36,7 +37,8 @@ class OpenSeadragonViewer extends Component {
showNavigationControl: false, showNavigationControl: false,
preserveImageSizeOnResize: true, preserveImageSizeOnResize: true,
}); });
this.viewer.addHandler('viewport-change', this.onViewportChange); console.log(this.viewer);
this.viewer.addHandler('viewport-change', debounce(this.onViewportChange, 300));
if (viewer) { if (viewer) {
this.viewer.viewport.panTo(viewer, false); this.viewer.viewport.panTo(viewer, false);
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment