feat: implemented delete file/folder functionality

web/src/containers/Studio/editor.tsx

@@ -107,6 +107,8 @@ const SASjsEditor = ({
           setOpenModal(true)
         })
         .finally(() => setIsLoading(false))
+    } else {
+      setFileContent('')
     }
   }, [selectedFilePath])
 

web/src/containers/Studio/index.tsx

@@ -56,6 +56,12 @@ const Studio = () => {
   ) => {
     if (node.relativePath === path) {
       removeNodeFromParent(parentNode, path)
+      // reset selected file path and file path query param
+      if (
+        node.relativePath === selectedFilePath ||
+        selectedFilePath.startsWith(node.relativePath)
+      )
+        setSearchParams({})
       return true
     }
     if (Array.isArray(node.children)) {
@@ -81,6 +87,7 @@ const Studio = () => {
         selectedFilePath={selectedFilePath}
         directoryData={directoryData}
         handleSelect={handleSelect}
+        removeFileFromTree={removeFileFromTree}
       />
       <SASjsEditor
         selectedFilePath={selectedFilePath}

web/src/containers/Studio/sideBar.tsx

@@ -1,5 +1,5 @@
 import React, { useMemo } from 'react'
-
+import axios from 'axios'
 import { Box, Drawer, Toolbar } from '@mui/material'
 
 import TreeView from '../../components/tree'
@@ -11,9 +11,15 @@ type Props = {
   selectedFilePath: string
   directoryData: TreeNode | null
   handleSelect: (filePath: string) => void
+  removeFileFromTree: (filePath: string) => void
 }
 
-const SideBar = ({ selectedFilePath, directoryData, handleSelect }: Props) => {
+const SideBar = ({
+  selectedFilePath,
+  directoryData,
+  handleSelect,
+  removeFileFromTree
+}: Props) => {
   const defaultExpanded = useMemo(() => {
     const splittedPath = selectedFilePath.split('/')
     const arr = ['']
@@ -27,6 +33,20 @@ const SideBar = ({ selectedFilePath, directoryData, handleSelect }: Props) => {
     return arr
   }, [selectedFilePath])
 
+  const deleteNode = (path: string, isFolder: boolean) => {
+    const axiosPromise = axios.delete(
+      `/SASjsApi/drive/${
+        isFolder ? `folder?_folderPath=${path}` : `file?_filePath=${path}`
+      }`
+    )
+
+    axiosPromise
+      .then(() => removeFileFromTree(path))
+      .catch((err) => {
+        console.log(err)
+      })
+  }
+
   return (
     <Drawer
       variant="permanent"
@@ -43,6 +63,7 @@ const SideBar = ({ selectedFilePath, directoryData, handleSelect }: Props) => {
             node={directoryData}
             selectedFilePath={selectedFilePath}
             handleSelect={handleSelect}
+            deleteNode={deleteNode}
             defaultExpanded={defaultExpanded}
           />
         )}