From ae145389dbfeb955ce47aadbca1357b50ab59f97 Mon Sep 17 00:00:00 2001
From: swederik <erik.sweed@gmail.com>
Date: Fri, 24 Sep 2021 08:30:19 +0200
Subject: [PATCH] fix: throttle thumbnail progress updates

---
 platform/ui/src/components/studyBrowser/Thumbnail.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

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