TrizTech/ohif-viewer
15
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: throttle thumbnail progress updates (#2557)

Browse Source
This commit is contained in:
Erik Ziegler 2021-09-24 12:58:30 +02:00 committed by GitHub
parent f6e2e58aad
commit 66c587b139
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
platform/ui/src/components/studyBrowser/Thumbnail.js
View File

@ -1,5 +1,6 @@
import React, { useState, useEffect } from 'react'; import React, { useState, useEffect } from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import throttle from 'lodash.throttle';
import { useDrag } from 'react-dnd'; import { useDrag } from 'react-dnd';
import { classes } from '@ohif/core'; import { classes } from '@ohif/core';
import ImageThumbnail from './ImageThumbnail'; import ImageThumbnail from './ImageThumbnail';
@ -144,13 +145,13 @@ function Thumbnail(props) {
const [stackPercentComplete, setStackPercentComplete] = useState(0); const [stackPercentComplete, setStackPercentComplete] = useState(0);
useEffect(() => { useEffect(() => {
const onProgressChange = ({ detail }) => { const onProgressChange = throttle(({ detail }) => {
const { progressId, progressData } = detail; const { progressId, progressData } = detail;
if (`StackProgress:${displaySetInstanceUID}` === progressId) { if (`StackProgress:${displaySetInstanceUID}` === progressId) {
const percent = progressData ? progressData.percentComplete : 0; const percent = progressData ? progressData.percentComplete : 0;
setStackPercentComplete(percent); setStackPercentComplete(percent);
} }
}; }, 100);
document.addEventListener( document.addEventListener(
StudyLoadingListener.events.OnProgress, StudyLoadingListener.events.OnProgress,