diff --git a/extensions/measurement-tracking/src/viewports/TrackedCornerstoneViewport.js b/extensions/measurement-tracking/src/viewports/TrackedCornerstoneViewport.js index 1b5b017f0..35a1ee8ef 100644 --- a/extensions/measurement-tracking/src/viewports/TrackedCornerstoneViewport.js +++ b/extensions/measurement-tracking/src/viewports/TrackedCornerstoneViewport.js @@ -13,6 +13,7 @@ import { import { useTrackedMeasurements } from './../getContextModule'; import ViewportOverlay from './ViewportOverlay'; +import ViewportLoadingIndicator from './ViewportLoadingIndicator'; const { formatDate } = utils; @@ -297,6 +298,7 @@ function TrackedCornerstoneViewport({ isPlaying={false} frameRate={24} isOverlayVisible={true} + loadingIndicatorComponent={ViewportLoadingIndicator} viewportOverlayComponent={props => { return ( { + if (error) { + return ( + <> +
+
+

Error Loading Image

+

An error has occurred.

+

{error.message}

+
+ + ); + } + + return ( + <> +
+
+

+ Loading... +

+
+ + ); +}; + +ViewportLoadingIndicator.propTypes = { + percentComplete: PropTypes.number, + error: PropTypes.object, +}; + +ViewportLoadingIndicator.defaultProps = { + percentComplete: 0, + error: null, +}; + +export default ViewportLoadingIndicator;