fixing hover event

9 months ago · 9f47dd0637
parent 21533c1054
commit 9f47dd0637
2 changed files with 6 additions and 2 deletions
--- a/libs/remix-ui/workspace/src/lib/components/file-explorer-hovericons.tsx
+++ b/libs/remix-ui/workspace/src/lib/components/file-explorer-hovericons.tsx
@ -17,7 +17,7 @@ export function FileHoverIcons(props: FileHoverIconsProps) {

  return (
    <>
-      {(!props.hover && !props.isEditable) && <div className="d-flex flex-row align-items-center" style={{ marginLeft: '6rem' }}>
+      {(props.hover && !props.isEditable) && <div className="d-flex flex-row align-items-center" style={{ marginLeft: '6rem' }}>
        {
          props.file.isDirectory ? (
            <>
--- a/libs/remix-ui/workspace/src/lib/components/flat-tree.tsx
+++ b/libs/remix-ui/workspace/src/lib/components/flat-tree.tsx
@ -217,7 +217,11 @@ export const FlatTree = (props: FlatTreeProps) => {
          </div>
          <div className="d-flex flex-row align-items-center">
            <div>
-              <FileHoverIcons file={file} />
+              <FileHoverIcons
+                file={file}
+                isEditable={focusEdit && file.path && focusEdit.element === file.path}
+                hover={hover.length > 0}
+              />
            </div> {getFileStateIcons(file)}
          </div>
          </>