) => {
const { current: actionButtons } = actionButtonsRef;
@@ -125,29 +142,15 @@ function Image(props: Props) {
className={_cs(styles.image, imageClassName)}
alt={alt}
src={src}
+ title="Click to expand"
+ onClick={handleImageClick}
+ role="presentation"
onDragStart={handleImageDragStart}
/>
- { expandable && (
-
- )}
- />
- )}
{ zoomable && (
<>
>
)}
+ {(expandable && showImageModal) && (
+
+ )}
);
diff --git a/v2/View/Image/styles.scss b/v2/View/Image/styles.scss
index 7dce2c5f2..5e921c597 100644
--- a/v2/View/Image/styles.scss
+++ b/v2/View/Image/styles.scss
@@ -3,6 +3,7 @@
overflow: auto;
.image {
+ cursor: pointer;
width: calc(100% - var(--spacing-small));
height: calc(100% - var(--spacing-small));
object-fit: contain;