fix: should not fire icon within app

Author: geekdada

src/pages/Content/components/App/index.tsx

@@ -58,9 +58,10 @@ const App: React.FC = () => {
 
   const onDragStart: DraggableEventHandler = (e) => {
     if (
+      e.target instanceof Element &&
       document
         .querySelector<HTMLButtonElement>('.ate_App__close-button')
-        ?.contains(e.target as Node)
+        ?.contains(e.target)
     ) {
       return false
     }

src/pages/Content/index.tsx

@@ -75,6 +75,16 @@ const onMouseUp = (e: MouseEvent) => {
   const iconElement = document.querySelector<HTMLSpanElement>('#ate-icon')
 
   if (selection.toString().trim() && iconElement) {
+    const appElement = document.querySelector<HTMLDivElement>('.ate_App')
+
+    if (
+      appElement &&
+      e.target instanceof Element &&
+      appElement.contains(e.target)
+    ) {
+      return
+    }
+
     lastSelection = getTextSelection(selection)
     iconElement.style.top = e.pageY + 20 + 'px'
     iconElement.style.left = e.pageX + 'px'