From 87d7b439dc4f33dc8ca04d8694864cd08cb67df3 Mon Sep 17 00:00:00 2001
From: Dario Del Piano <dario@metacell.us>
Date: Fri, 20 Sep 2019 15:12:23 +0100
Subject: [PATCH] fixing reload from termInfo, when images are not hooked to
 the handler they will use the react onClick

---
 components/interface/VFBTermInfo.js | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/components/interface/VFBTermInfo.js b/components/interface/VFBTermInfo.js
index 5c33250ec..20c543028 100644
--- a/components/interface/VFBTermInfo.js
+++ b/components/interface/VFBTermInfo.js
@@ -149,7 +149,11 @@ class VFBTermInfo extends React.Component {
             var image = value.elements[j].initialValue;
             elements.push(<div className="slider_image_container">
               {image.name}
-              <a id={"slider_image_" + j} href="#" data-instancepath={image.reference}>
+              <a id={"slider_image_" + j} href="#" data-instancepath={image.reference} onClick={event => {
+                event.stopPropagation();
+                event.preventDefault();
+                this.props.customHandler(undefined, image.reference, undefined) 
+              }}>
                 <img id={"image_" + j} src={image.data}></img>
               </a>
             </div>);
@@ -182,7 +186,11 @@ class VFBTermInfo extends React.Component {
           var image = value;
           this.contentTermInfo.values[prevCounter] = (<Collapsible open={true} trigger={this.contentTermInfo.keys[prevCounter]}>
             <div className="popup-image">
-              <a href='#' data-instancepath={image.reference}>
+              <a href='#' data-instancepath={image.reference} onClick={event => {
+                event.stopPropagation();
+                event.preventDefault();
+                this.props.customHandler(undefined, image.reference, undefined) 
+              }}>
                 <img src={image.data}></img>
               </a>
             </div>