Updates element wrapper style when is selected

Protofy-xyz · Feb 5, 2024 · 943d8e4 · 943d8e4
1 parent 38233d8
commit 943d8e4
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/packages/visualui/src/components/RenderNode.tsx b/packages/visualui/src/components/RenderNode.tsx
@@ -5,7 +5,6 @@ import ReactDOM from 'react-dom';
 import { ArrowDown, Trash2, Redo, ArrowUp, Move } from 'lucide-react';
 
 export const RenderNode = ({ render }) => {
-    const enableEdit = true
     const { id } = useNode();
     const { actions, query, isActive } = useEditor((_, query) => ({
         isActive: query.getEvent('selected').contains(id),
@@ -46,12 +45,14 @@ export const RenderNode = ({ render }) => {
     const currentRef = useRef<HTMLDivElement>();
     useEffect(() => {
         if (dom) {
-            if ((isActive || isHover) && enableEdit) {
+            if (isActive) {
+                dom.style.border = "1px solid "+ componentColor
+            } else if (isHover) {
                 dom.style.border = "1px dashed "+ componentColor
             }
             else dom.style.border = ""
         }
-    }, [dom, isActive, isHover, enableEdit]);
+    }, [dom, isActive, isHover]);
 
     const getPos = useCallback((dom: HTMLElement) => {
         const { top, left, bottom } = dom
@@ -98,7 +99,7 @@ export const RenderNode = ({ render }) => {
     return (
         <>
             {
-                ((isHover || isActive) && enableEdit)
+                (isHover || isActive)
                     ?
                     ReactDOM.createPortal(
                         <div