diff --git a/src/components/ImageView/Image.js b/src/components/ImageView/Image.js
index fb0b6a349..56157413e 100644
--- a/src/components/ImageView/Image.js
+++ b/src/components/ImageView/Image.js
@@ -30,6 +30,7 @@ export const Image = observer(forwardRef(({
updateImageSize,
usedValue,
size,
+ overlay,
}, ref) => {
const imageSize = useMemo(() => {
return {
@@ -45,6 +46,7 @@ export const Image = observer(forwardRef(({
return (
+ {overlay}
Downloading image
-
+
) : error ? (
@@ -121,6 +123,6 @@ const ImageLoadingError = ({ src, value }) => {
}, [src]);
return (
-
+
);
};
diff --git a/src/components/ImageView/ImageView.js b/src/components/ImageView/ImageView.js
index 5e56190bd..9c04546d8 100644
--- a/src/components/ImageView/ImageView.js
+++ b/src/components/ImageView/ImageView.js
@@ -490,6 +490,22 @@ const Crosshair = memo(forwardRef(({ width, height }, ref) => {
);
}));
+/**
+ * Component that creates an overlay on top
+ * of the image to support Magic Wand tool
+ */
+const CanvasOverlay = observer(({ item }) => {
+ return isFF(FF_DEV_4081) ? (
+