From 6a1d732d3e6ed7d30186b0909045c1ff5625548e Mon Sep 17 00:00:00 2001
From: Joseph Izang <josephizang@gmail.com>
Date: Fri, 12 Jul 2024 16:27:33 +0100
Subject: [PATCH] updates as per @Aniket-Engg comments

---
 .../workspace/src/lib/components/file-explorer.tsx  | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/libs/remix-ui/workspace/src/lib/components/file-explorer.tsx b/libs/remix-ui/workspace/src/lib/components/file-explorer.tsx
index 46ce4351c2..e92be4b50a 100644
--- a/libs/remix-ui/workspace/src/lib/components/file-explorer.tsx
+++ b/libs/remix-ui/workspace/src/lib/components/file-explorer.tsx
@@ -102,7 +102,7 @@ export const FileExplorer = (props: FileExplorerProps) => {
   }, [treeRef.current])
 
   useEffect(() => {
-    const performDeleteion = async () => {
+    const performDeletion = async () => {
       const path: string[] = []
       if (feTarget?.length > 0 && feTarget[0]?.key.length > 0) {
         feTarget.forEach((one) => {
@@ -119,7 +119,7 @@ export const FileExplorer = (props: FileExplorerProps) => {
           setState((prevState) => {
             return { ...prevState, deleteKey: true }
           })
-          performDeleteion()
+          performDeletion()
           return
         }
         if (eve.metaKey) {
@@ -128,7 +128,7 @@ export const FileExplorer = (props: FileExplorerProps) => {
             setState((prevState) => {
               return { ...prevState, deleteKey: true }
             })
-            performDeleteion()
+            performDeletion()
             return
           }
         }
@@ -145,7 +145,7 @@ export const FileExplorer = (props: FileExplorerProps) => {
             setState((prevState) => {
               return { ...prevState, deleteKey: false }
             })
-            performDeleteion()
+            performDeletion()
             return
           }
         }
@@ -155,7 +155,7 @@ export const FileExplorer = (props: FileExplorerProps) => {
       treeRef.current?.addEventListener('keyup', deleteKeyPressUpHandler)
       return () => {
         treeRef.current?.removeEventListener('keydown', deleteKeyPressHandler)
-        treeRef.current?.addEventListener('keyup', deleteKeyPressUpHandler)
+        treeRef.current?.removeEventListener('keyup', deleteKeyPressUpHandler)
       }
     }
   }, [treeRef.current, feTarget])
@@ -191,7 +191,7 @@ export const FileExplorer = (props: FileExplorerProps) => {
       treeRef.current?.addEventListener('keyup', F2KeyPressUpHandler)
       return () => {
         treeRef.current?.removeEventListener('keydown', F2KeyPressHandler)
-        treeRef.current?.addEventListener('keyup', F2KeyPressUpHandler)
+        treeRef.current?.removeEventListener('keyup', F2KeyPressUpHandler)
       }
     }
   }, [treeRef.current, feTarget])
@@ -456,7 +456,6 @@ export const FileExplorer = (props: FileExplorerProps) => {
   }
 
   const handleTreeClick = (event: SyntheticEvent) => {
-    console.log({ props, state })
     let target = event.target as HTMLElement
     while (target && target.getAttribute && !target.getAttribute('data-path')) {
       target = target.parentElement