fix: filetree wrong opening order
This commit is contained in:
parent
ac3e2a6b01
commit
eb5fae3ab7
1 changed files with 90 additions and 101 deletions
|
|
@ -32,8 +32,8 @@ interface Props {
|
||||||
className?: string;
|
className?: string;
|
||||||
}
|
}
|
||||||
|
|
||||||
export const FileTree = memo(
|
export const FileTree = memo((props: Props) => {
|
||||||
({
|
const {
|
||||||
files = [],
|
files = [],
|
||||||
onFileSelect,
|
onFileSelect,
|
||||||
selectedFile,
|
selectedFile,
|
||||||
|
|
@ -41,7 +41,8 @@ export const FileTree = memo(
|
||||||
expandedFolders = new Set(),
|
expandedFolders = new Set(),
|
||||||
loadingFolders = new Set(),
|
loadingFolders = new Set(),
|
||||||
className,
|
className,
|
||||||
}: Props) => {
|
} = props;
|
||||||
|
|
||||||
const fileList = useMemo(() => {
|
const fileList = useMemo(() => {
|
||||||
return buildFileList(files);
|
return buildFileList(files);
|
||||||
}, [files]);
|
}, [files]);
|
||||||
|
|
@ -104,17 +105,6 @@ export const FileTree = memo(
|
||||||
});
|
});
|
||||||
}, [fileList, expandedFolders]);
|
}, [fileList, expandedFolders]);
|
||||||
|
|
||||||
// Expand folders that are in the expandedFolders set
|
|
||||||
useEffect(() => {
|
|
||||||
setCollapsedFolders((prevSet) => {
|
|
||||||
const newSet = new Set(prevSet);
|
|
||||||
for (const folder of expandedFolders) {
|
|
||||||
newSet.delete(folder);
|
|
||||||
}
|
|
||||||
return newSet;
|
|
||||||
});
|
|
||||||
}, [expandedFolders]);
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className={cn("text-sm", className)}>
|
<div className={cn("text-sm", className)}>
|
||||||
{filteredFileList.map((fileOrFolder) => {
|
{filteredFileList.map((fileOrFolder) => {
|
||||||
|
|
@ -151,8 +141,7 @@ export const FileTree = memo(
|
||||||
})}
|
})}
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
},
|
});
|
||||||
);
|
|
||||||
|
|
||||||
interface FolderProps {
|
interface FolderProps {
|
||||||
folder: FolderNode;
|
folder: FolderNode;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue