From f75b5eb4d4fb786d36c136cea73b8e15ba4190e9 Mon Sep 17 00:00:00 2001
From: Sherfin Shamsudeen <sherfin@tooljet.io>
Date: Sat, 25 Dec 2021 16:34:15 +0530
Subject: [PATCH] Add onClick event to Image widget (#1639)

---
 frontend/src/Editor/Components/Image.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/Editor/Components/Image.jsx b/frontend/src/Editor/Components/Image.jsx
index 92db56dd24..8f6fc63529 100644
--- a/frontend/src/Editor/Components/Image.jsx
+++ b/frontend/src/Editor/Components/Image.jsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import LazyLoad from 'react-lazyload';
 
-export const Image = function Image({ height, properties, styles }) {
+export const Image = function Image({ height, properties, styles, fireEvent }) {
   const source = properties.source;
   const widgetVisibility = styles.visibility ?? true;
 
@@ -12,7 +12,7 @@ export const Image = function Image({ height, properties, styles }) {
   return (
     <div data-disabled={styles.disabledState} style={{ display: widgetVisibility ? '' : 'none' }}>
       <LazyLoad height={height} placeholder={<Placeholder />} debounce={500}>
-        <img src={source} height={height} />
+        <img src={source} height={height} onClick={() => fireEvent('onClick')} />
       </LazyLoad>
     </div>
   );