fix: deleting folders

src/components/Explorer/FileExplorer.tsx

@@ -105,16 +105,10 @@ function FileExplorerRowContextMenu({
       menuTargetElement={itemRef}
       callback={callback}
       items={[
-        <ContextMenuItem
-          data-testid="context-menu-rename"
-          onClick={onRename}
-        >
+        <ContextMenuItem data-testid="context-menu-rename" onClick={onRename}>
           Rename
         </ContextMenuItem>,
-        <ContextMenuItem
-          data-testid="context-menu-delete"
-          onClick={onDelete}
-        >
+        <ContextMenuItem data-testid="context-menu-delete" onClick={onDelete}>
           Delete
         </ContextMenuItem>,
         <ContextMenuItem

src/components/Explorer/ProjectExplorer.tsx

@@ -169,9 +169,12 @@ export const ProjectExplorer = ({
           isFake: false,
           activeIndex: activeIndex,
           rowDelete: () => {
-            systemIOActor.send({type: SystemIOMachineEvents.deleteFileOrFolder, data: {
-              requestedPath: child.path
-            }})
+            systemIOActor.send({
+              type: SystemIOMachineEvents.deleteFileOrFolder,
+              data: {
+                requestedPath: child.path,
+              },
+            })
           },
           rowRenameStart: () => {
             setIsRenaming(true)

src/machines/systemIO/systemIOMachine.ts

@@ -156,7 +156,7 @@ export const systemIOMachine = setup({
             fileNameWithExtension: string
             absolutePathToParentDirectory: string
           }
-      }
+        }
       | {
           type: SystemIOMachineEvents.deleteFileOrFolder
           data: {
@@ -880,10 +880,10 @@ export const systemIOMachine = setup({
           return {
             context,
             requestedFileNameWithExtension:
-            event.data.requestedFileNameWithExtension,
+              event.data.requestedFileNameWithExtension,
             fileNameWithExtension: event.data.fileNameWithExtension,
             absolutePathToParentDirectory:
-            event.data.absolutePathToParentDirectory,
+              event.data.absolutePathToParentDirectory,
             rootContext: self.system.get('root').getSnapshot().context,
           }
         },

src/machines/systemIO/systemIOMachineDesktop.ts

@@ -518,10 +518,10 @@ export const systemIOMachineDesktop = systemIOMachine.provide({
           requestedPath: string
         }
       }) => {
-        await window.electron.rm(input.requestedPath)
+        await window.electron.rm(input.requestedPath, {recursive:true})
         return {
           message: 'File deleted successfully',
-          requestedPath: input.requestedPath
+          requestedPath: input.requestedPath,
         }
       }
     ),

src/machines/systemIO/utils.ts

@@ -18,7 +18,7 @@ export enum SystemIOMachineActors {
   bulkCreateKCLFilesAndNavigateToFile = 'bulk create kcl files and navigate to file',
   renameFolder = 'renameFolder',
   renameFile = 'renameFile',
-  deleteFileOrFolder = 'deleteFileOrFolder'
+  deleteFileOrFolder = 'deleteFileOrFolder',
 }
 
 export enum SystemIOMachineStates {
@@ -38,7 +38,7 @@ export enum SystemIOMachineStates {
   bulkCreatingKCLFilesAndNavigateToFile = 'bulkCreatingKCLFilesAndNavigateToFile',
   renamingFolder = 'renamingFolder',
   renamingFile = 'renamingFile',
-  deletingFileOrFolder = 'deletingFileOrFolder'
+  deletingFileOrFolder = 'deletingFileOrFolder',
 }
 
 const donePrefix = 'xstate.done.actor.'
@@ -69,7 +69,7 @@ export enum SystemIOMachineEvents {
     'bulk create kcl files and navigate to file',
   renameFolder = 'rename folder',
   renameFile = 'rename file',
-  deleteFileOrFolder = 'delete file or folder'
+  deleteFileOrFolder = 'delete file or folder',
 }
 
 export enum SystemIOMachineActions {