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

src/components/StudyLoadingMonitor.js

@@ -0,0 +1,43 @@
+import { Component } from "react";
+import PropTypes from "prop-types";
+import OHIF from 'ohif-core';
+
+class StudyLoadingMonitor extends Component {
+    static propTypes = {
+        studies: PropTypes.array.isRequired,
+        setStudyLoadingProgress: PropTypes.func.isRequired,
+        clearStudyLoadingProgress: PropTypes.func.isRequired,
+    };
+
+    componentDidMount() {
+        // TODO: This is pretty ugly. The thing is that the StudyLoadingListener
+        // needs to update the Redux store, but shouldn't know that it exists.
+        // I am therefore passing in some functions to update the store instead,
+        // but this should definitely be cleaned up somehow.
+        const options = {
+            _setProgressData: (progressId, progressData) => {
+                this.props.setStudyLoadingProgress(progressId, progressData)
+            },
+            _clearProgressById: (progressId) => {
+                this.props.clearStudyLoadingProgress(progressId)
+            }
+        }
+
+        const { StudyLoadingListener } = OHIF.classes;
+        this.studyLoadingListener = StudyLoadingListener.getInstance(options);
+        this.studyLoadingListener.clear();
+        this.studyLoadingListener.addStudies(this.props.studies);
+    }
+
+    render() {
+        return null;
+    }
+
+    componentWillUnmount() {
+        // Destroy stack loading listeners when we close the viewer
+        this.studyLoadingListener.clear();
+    }
+}
+
+
+export default StudyLoadingMonitor;