From bfc613c9c755074318065bb232d6c56e3309d7c7 Mon Sep 17 00:00:00 2001
From: Oliver <oliver.henry.walters@gmail.com>
Date: Thu, 29 Feb 2024 04:28:45 +0000
Subject: [PATCH] Fix onClick behaviour for details image

---
 .../src/components/images/DetailsImage.tsx      | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/frontend/src/components/images/DetailsImage.tsx b/src/frontend/src/components/images/DetailsImage.tsx
index 4eda7d0809..929af89c03 100644
--- a/src/frontend/src/components/images/DetailsImage.tsx
+++ b/src/frontend/src/components/images/DetailsImage.tsx
@@ -337,15 +337,18 @@ export function DetailsImage(props: DetailImageProps) {
             src={img}
             height={IMAGE_DIMENSION}
             width={IMAGE_DIMENSION}
-            onClick={() => {
-              modals.open({
-                children: <ApiImage src={img} />,
-                withCloseButton: false
-              });
-            }}
           />
           {permissions.hasChangeRole(props.appRole) && hovered && (
-            <Overlay color="black" opacity={0.8}>
+            <Overlay
+              color="black"
+              opacity={0.8}
+              onClick={() => {
+                modals.open({
+                  children: <ApiImage src={img} />,
+                  withCloseButton: false
+                });
+              }}
+            >
               <ImageActionButtons
                 visible={hovered}
                 actions={props.imageActions}