cleanup

LiveDuo · Nov 8, 2023 · 82599b7 · 82599b7
1 parent 5327a5e
commit 82599b7
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/lib/client/vanilla/editor.tsx b/lib/client/vanilla/editor.tsx
@@ -291,19 +291,19 @@ function Editor({ standaloneServer = false }) {
   const onCanvasDragOver = (e: React.MouseEvent<HTMLElement>) => {
     e.preventDefault()
 
+    // get hovered component
     const components = getComponents()
-    components.forEach((c: HTMLDivElement) => {
-      if (isEventOnElement(c, e)) {
-        const isTopHalf = isElementTopHalf(c, e)
+    const component = components.find((c) => isEventOnElement(c, e))!
+    if (!component) return
 
-        c.style.setProperty(`border-${isTopHalf ? 'top' : 'bottom'}`, '4px solid cornflowerblue')
-        c.style.setProperty(`border-${!isTopHalf ? 'top' : 'bottom'}`, '')
+    // update border
+    const isTopHalf = isElementTopHalf(component, e)
+    component.style.setProperty(`border-${isTopHalf ? 'top' : 'bottom'}`, '4px solid cornflowerblue')
+    component.style.setProperty(`border-${!isTopHalf ? 'top' : 'bottom'}`, '')
 
-        if (!c.isEqualNode(hoveredComponent)) {
-          setHoveredComponent(c)
-        }
-      }
-    })
+    // update hovered component
+    if (component.isEqualNode(hoveredComponent)) return
+    setHoveredComponent(component)
   }
 
   const cleanCanvas = () => {