✨ Clicking an image opens it in a new tab (#33)

collectionspace · Jun 21, 2024 · 12f0cef · 12f0cef
1 parent f76473f
commit 12f0cef
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/src/components/detail/ImageGallery.jsx b/src/components/detail/ImageGallery.jsx
@@ -1,3 +1,5 @@
+/* global window */
+
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { defineMessages, injectIntl } from 'react-intl';
@@ -45,6 +47,13 @@ const getInstitutionIds = () => {
   return (institutionsConfig ? Object.keys(institutionsConfig) : []);
 };
 
+const handleImageClick = (event) => {
+  const imageUrl = event.target.src;
+  if (typeof window !== 'undefined') {
+    window.open(imageUrl, '_blank');
+  }
+};
+
 class ImageGallery extends Component {
   componentDidMount() {
     this.findMedia();
@@ -135,6 +144,7 @@ class ImageGallery extends Component {
           <Gallery
             disableArrowKeys
             items={items}
+            onClick={handleImageClick}
             showFullscreenButton={false}
             showPlayButton={false}
             showThumbnails={items.length > 1}