From 5d670417e2eb5ea6831d8be0756f05be009da732 Mon Sep 17 00:00:00 2001
From: Shaurya Gupta <shauryag1000@gmail.com>
Date: Sat, 29 Apr 2023 20:08:36 +0530
Subject: [PATCH] fixes cursor default to pointer (#5696)

* fixes cursor default to pointer

* Added cursor to icon widget

---------

Co-authored-by: Kavin Venkatachalam <kavin.saratha@gmail.com>
---
 frontend/src/Editor/Components/Icon.jsx | 9 +++++++--
 frontend/src/_styles/theme.scss         | 1 -
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/frontend/src/Editor/Components/Icon.jsx b/frontend/src/Editor/Components/Icon.jsx
index 68e5bc40ab..19ccbd82b7 100644
--- a/frontend/src/Editor/Components/Icon.jsx
+++ b/frontend/src/Editor/Components/Icon.jsx
@@ -3,11 +3,13 @@ import React, { useState, useEffect } from 'react';
 import * as Icons from '@tabler/icons-react';
 import cx from 'classnames';
 
-export const Icon = ({ properties, styles, fireEvent, width, height, registerAction, darkMode, dataCy }) => {
+export const Icon = ({ properties, styles, fireEvent, width, height, registerAction, darkMode, dataCy, component }) => {
   const { icon } = properties;
   const { iconColor, visibility } = styles;
   // eslint-disable-next-line import/namespace
   const IconElement = Icons[icon];
+  const { definition } = component;
+  const { events = [] } = definition;
 
   const color = iconColor === '#000' ? (darkMode ? '#fff' : '#000') : iconColor;
 
@@ -31,7 +33,10 @@ export const Icon = ({ properties, styles, fireEvent, width, height, registerAct
   });
 
   return (
-    <div className={cx('icon-widget', { 'd-none': !showIcon })} data-cy={dataCy}>
+    <div
+      className={cx('icon-widget', { 'd-none': !showIcon }, { 'cursor-pointer': events.length > 0 })}
+      data-cy={dataCy}
+    >
       <IconElement
         color={color}
         style={{ width, height }}
diff --git a/frontend/src/_styles/theme.scss b/frontend/src/_styles/theme.scss
index 55ee5fd9ce..2defed189d 100644
--- a/frontend/src/_styles/theme.scss
+++ b/frontend/src/_styles/theme.scss
@@ -6120,7 +6120,6 @@ input.hide-input-arrows {
     .popover-header {
       background-color: #232e3c;
       border-bottom: 1px solid #324156;
-      ;
     }
   }