updates as per @Aniket-Engg comments

pull/4976/head
Joseph Izang 7 months ago
parent fd998a1204
commit 6a1d732d3e
  1. 13
      libs/remix-ui/workspace/src/lib/components/file-explorer.tsx

@ -102,7 +102,7 @@ export const FileExplorer = (props: FileExplorerProps) => {
}, [treeRef.current]) }, [treeRef.current])
useEffect(() => { useEffect(() => {
const performDeleteion = async () => { const performDeletion = async () => {
const path: string[] = [] const path: string[] = []
if (feTarget?.length > 0 && feTarget[0]?.key.length > 0) { if (feTarget?.length > 0 && feTarget[0]?.key.length > 0) {
feTarget.forEach((one) => { feTarget.forEach((one) => {
@ -119,7 +119,7 @@ export const FileExplorer = (props: FileExplorerProps) => {
setState((prevState) => { setState((prevState) => {
return { ...prevState, deleteKey: true } return { ...prevState, deleteKey: true }
}) })
performDeleteion() performDeletion()
return return
} }
if (eve.metaKey) { if (eve.metaKey) {
@ -128,7 +128,7 @@ export const FileExplorer = (props: FileExplorerProps) => {
setState((prevState) => { setState((prevState) => {
return { ...prevState, deleteKey: true } return { ...prevState, deleteKey: true }
}) })
performDeleteion() performDeletion()
return return
} }
} }
@ -145,7 +145,7 @@ export const FileExplorer = (props: FileExplorerProps) => {
setState((prevState) => { setState((prevState) => {
return { ...prevState, deleteKey: false } return { ...prevState, deleteKey: false }
}) })
performDeleteion() performDeletion()
return return
} }
} }
@ -155,7 +155,7 @@ export const FileExplorer = (props: FileExplorerProps) => {
treeRef.current?.addEventListener('keyup', deleteKeyPressUpHandler) treeRef.current?.addEventListener('keyup', deleteKeyPressUpHandler)
return () => { return () => {
treeRef.current?.removeEventListener('keydown', deleteKeyPressHandler) treeRef.current?.removeEventListener('keydown', deleteKeyPressHandler)
treeRef.current?.addEventListener('keyup', deleteKeyPressUpHandler) treeRef.current?.removeEventListener('keyup', deleteKeyPressUpHandler)
} }
} }
}, [treeRef.current, feTarget]) }, [treeRef.current, feTarget])
@ -191,7 +191,7 @@ export const FileExplorer = (props: FileExplorerProps) => {
treeRef.current?.addEventListener('keyup', F2KeyPressUpHandler) treeRef.current?.addEventListener('keyup', F2KeyPressUpHandler)
return () => { return () => {
treeRef.current?.removeEventListener('keydown', F2KeyPressHandler) treeRef.current?.removeEventListener('keydown', F2KeyPressHandler)
treeRef.current?.addEventListener('keyup', F2KeyPressUpHandler) treeRef.current?.removeEventListener('keyup', F2KeyPressUpHandler)
} }
} }
}, [treeRef.current, feTarget]) }, [treeRef.current, feTarget])
@ -456,7 +456,6 @@ export const FileExplorer = (props: FileExplorerProps) => {
} }
const handleTreeClick = (event: SyntheticEvent) => { const handleTreeClick = (event: SyntheticEvent) => {
console.log({ props, state })
let target = event.target as HTMLElement let target = event.target as HTMLElement
while (target && target.getAttribute && !target.getAttribute('data-path')) { while (target && target.getAttribute && !target.getAttribute('data-path')) {
target = target.parentElement target = target.parentElement

Loading…
Cancel
Save