✨ Clicking an image opens it in a new tab

collectionspace · Jun 20, 2024 · 705799c · 705799c
1 parent f76473f
commit 705799c
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/src/components/detail/ImageGallery.jsx b/src/components/detail/ImageGallery.jsx
@@ -45,6 +45,11 @@ const getInstitutionIds = () => {
   return (institutionsConfig ? Object.keys(institutionsConfig) : []);
 };
 
+const handleImageClick = (event) => {
+  const imageUrl = event.target.src;
+  window.open(imageUrl, '_blank');
+}
+
 class ImageGallery extends Component {
   componentDidMount() {
     this.findMedia();
@@ -135,6 +140,7 @@ class ImageGallery extends Component {
           <Gallery
             disableArrowKeys
             items={items}
+            onClick={handleImageClick)
             showFullscreenButton={false}
             showPlayButton={false}
             showThumbnails={items.length > 1}