removed unused imports & added deps in array

Author: cruxcode

packages/component-navigator/src/hooks/useComponentNodes.ts

@@ -1,6 +1,6 @@
 import { useState, useEffect, useCallback } from "react";
 import { api, BrowserForestManager, useTree } from "@atrilabs/core";
-import { DeleteEvent, PatchEvent, TreeNode } from "@atrilabs/forest";
+import { PatchEvent } from "@atrilabs/forest";
 import ComponentTreeId from "@atrilabs/app-design-forest/lib/componentTree?id";
 import { NavigatorNode } from "../types";
 import { markAllNodesClosed, transformTreeToNavigatorNode } from "../utils";

packages/component-navigator/src/hooks/useDeleteKey.ts

@@ -41,5 +41,5 @@ export const useDeleteKey = (
     return () => {
       window.removeEventListener("keyup", keyupCb);
     };
-  }, [selectedNode]);
+  }, [selectedNode, removeMarginOverlay]);
 };

packages/component-navigator/src/hooks/useDragDrop.ts

@@ -1,4 +1,4 @@
-import React, { useEffect } from "react";
+import { useEffect } from "react";
 import { createMachine, assign, Action, interpret } from "xstate";
 
 import { getCoords } from "@atrilabs/canvas-runtime/src/utils";
@@ -248,7 +248,7 @@ export const useDragDrop = (
       window.removeEventListener("mouseup", mouseUpCb);
       window.removeEventListener("mousemove", mouseMoveCb);
     };
-  }, [node, openOrCloseMap]);
+  }, [node, openOrCloseMap, setSelectedNode, patchCb]);
   return {};
 };
 
@@ -260,7 +260,7 @@ function isMouseInsideBounds(
 ): NavigatorNode | null {
   if (
     !considerNormalNode &&
-    (!node.children || node.children.length == 0 || !openOrCloseMap[node.id])
+    (!node.children || node.children.length === 0 || !openOrCloseMap[node.id])
   ) {
     return null;
   }

packages/component-navigator/src/index.tsx

@@ -7,13 +7,7 @@ import {
   h1Heading,
   IconMenu,
 } from "@atrilabs/design-system";
-import React, {
-  MouseEvent,
-  useCallback,
-  useMemo,
-  useRef,
-  useState,
-} from "react";
+import React, { MouseEvent, useCallback, useRef, useState } from "react";
 import { ReactComponent as CompNavIcon } from "./assets/comp-nav-icon.svg";
 import { Cross } from "./assets/Cross";
 import { useNavigatorNodes } from "./hooks/useComponentNodes";
@@ -25,7 +19,6 @@ import {
 import { NavigatorNode } from "./types";
 import CaretDown from "./assets/CaretDown";
 import CaretRight from "./assets/CaretRight";
-import { flattenRootNavigatorNode } from "./utils";
 import { useDragDrop } from "./hooks/useDragDrop";
 import { useDeleteKey } from "./hooks/useDeleteKey";
 const styles: { [key: string]: React.CSSProperties } = {