🧹🧹🧹 Don't mind me. Just moving things around

src/connectedComponents/ConnectedStudyBrowser.js

@@ -0,0 +1,40 @@
+import { connect } from 'react-redux';
+import { StudyBrowser } from 'react-viewerbase';
+import cloneDeep from 'lodash.clonedeep';
+
+// TODO
+// - Determine in which display set is active from Redux (activeViewportIndex and layout viewportData)
+// - Pass in errors and stack loading progress from Redux
+const mapStateToProps = (state, ownProps) => {
+    // If we know that the stack loading progress details have changed,
+    // we can try to update the component state so that the thumbnail
+    // progress bar is updated
+    const stackLoadingProgressMap = state.loading.progress;
+    const studiesWithLoadingData = cloneDeep(ownProps.studies);
+
+    studiesWithLoadingData.forEach(study => {
+        study.thumbnails.forEach(data => {
+            const { displaySetInstanceUid } = data
+            const stackId = `StackProgress:${displaySetInstanceUid}`;
+            const stackProgressData = stackLoadingProgressMap[stackId];
+
+            let stackPercentComplete = 0;
+            if (stackProgressData) {
+                stackPercentComplete = stackProgressData.percentComplete;
+            }
+
+            data.stackPercentComplete = stackPercentComplete;
+        })
+    });
+
+    return {
+        studies: studiesWithLoadingData
+    };
+};
+
+const ConnectedStudyBrowser = connect(
+    mapStateToProps,
+    null
+)(StudyBrowser);
+
+export default ConnectedStudyBrowser;