address comments from @LianaHus

Author: joeizang

libs/remix-ui/workspace/src/lib/components/file-explorer-hovericons.tsx

@@ -7,7 +7,7 @@ export type FileHoverIconsProps = {
   file: any
   handleNewFolderOp?: any
   handleNewFileOp?: any
-  renamePathOp?: (path: string, newName: string) => void | Promise<void>
+  renamePathOp?: (path: string, type: string) => void
   deletePathOp?: (path: string | string[]) => void | Promise<void>
 }
 
@@ -27,7 +27,7 @@ export function FileHoverIcons(props: FileHoverIconsProps) {
                 tooltipClasses="text-nowrap"
               >
                 <span
-                  className="far fa-folder fa-1x remixui_icons_space remixui_icons"
+                  className="far fa-folder fa-1x mr-2 remixui_icons"
                   onClick={async (e) => {
                     e.stopPropagation()
                     await props.handleNewFolderOp(props.file.path)
@@ -45,7 +45,7 @@ export function FileHoverIcons(props: FileHoverIconsProps) {
                 tooltipClasses="text-nowrap"
               >
                 <span
-                  className="far fa-file fa-1x remixui_icons remixui_icons_space"
+                  className="far fa-file fa-1x remixui_icons mr-2"
                   onClick={async (e) => {
                     e.stopPropagation()
                     await props.handleNewFileOp(props.file.path)
@@ -66,7 +66,7 @@ export function FileHoverIcons(props: FileHoverIconsProps) {
           tooltipClasses="text-nowrap"
         >
           <span
-            className="far fa-pen fa-1x remixui_icons remixui_icons_space"
+            className="far fa-pen fa-1x remixui_icons mr-2"
             onClick={async (e) => {
               e.stopPropagation()
               await props.renamePathOp(props.file.path, props.file.type)
@@ -84,7 +84,7 @@ export function FileHoverIcons(props: FileHoverIconsProps) {
           tooltipClasses="text-nowrap"
         >
           <span
-            className="far fa-trash fa-1x remixui_icons remixui_icons_space"
+            className="far fa-trash fa-1x remixui_icons mr-2"
             onClick={async (e) => {
               e.stopPropagation()
               await props.deletePathOp(props.file.path)

libs/remix-ui/workspace/src/lib/components/flat-tree.tsx

@@ -41,7 +41,7 @@ interface FlatTreeProps {
   createNewFile?: any
   createNewFolder?: any
   deletePath?: (path: string | string[]) => void | Promise<void>
-  renamePath?: (path: string, type: string, isNew?: boolean) => void
+  renamePath?: (path: string, type: string) => void
   editModeOn?: (path: string, type: string, isNew?: boolean) => void
 }
 

libs/remix-ui/workspace/src/lib/css/file-explorer.css

@@ -69,7 +69,3 @@ ul {
 .remixui_icons:hover {
     color: var(--text);
 }
-
-.remixui_icons_space {
-    margin-right: 8px;
-}