From 04031573d5427789b76273ecd2a96ca1e6995d40 Mon Sep 17 00:00:00 2001
From: Kavin Venkatachalam <kavin.saratha@gmail.com>
Date: Thu, 11 Jan 2024 10:24:20 +0530
Subject: [PATCH] Fixed selector being displayed issue while dragging over
 container

---
 frontend/src/Editor/DraggableBox.jsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/src/Editor/DraggableBox.jsx b/frontend/src/Editor/DraggableBox.jsx
index 208b0264ff..10eb2b003e 100644
--- a/frontend/src/Editor/DraggableBox.jsx
+++ b/frontend/src/Editor/DraggableBox.jsx
@@ -12,7 +12,7 @@ import ErrorBoundary from './ErrorBoundary';
 import { useCurrentState } from '@/_stores/currentStateStore';
 import { useEditorStore } from '@/_stores/editorStore';
 import { shallow } from 'zustand/shallow';
-import { useNoOfGrid } from '@/_stores/gridStore';
+import { useNoOfGrid, useGridStore } from '@/_stores/gridStore';
 import WidgetBox from './WidgetBox';
 import * as Sentry from '@sentry/react';
 
@@ -226,7 +226,7 @@ export const DraggableBox = React.memo(
               'draggable-box-in-editor': mode === 'edit',
             })}
             onMouseEnter={(e) => {
-              console.log('e.currentTarget', e.currentTarget, e.target);
+              if (useGridStore.getState().draggingComponentId) return;
               const closestDraggableBox = e.target.closest('.draggable-box');
               if (closestDraggableBox) {
                 const classNames = closestDraggableBox.className.split(' ');
@@ -243,6 +243,7 @@ export const DraggableBox = React.memo(
               }
             }}
             onMouseLeave={(e) => {
+              if (useGridStore.getState().draggingComponentId) return;
               setHoveredComponent('');
             }}
             style={getStyles(isDragging, isSelectedComponent)}