feture(study-tree)): sort study tree folders

AntaresSimulatorTeam · Jan 20, 2025 · ec2aa9c · ec2aa9c
1 parent d14454a
commit ec2aa9c
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/webapp/src/components/App/Studies/StudyTree/StudyTreeNode.tsx b/webapp/src/components/App/Studies/StudyTree/StudyTreeNode.tsx
@@ -13,6 +13,7 @@
  */
 
 import { memo } from "react";
+import { sortBy, prop } from "ramda";
 import { StudyTreeNodeProps } from "./types";
 import TreeItemEnhanced from "@/components/common/TreeItemEnhanced";
 import { t } from "i18next";
@@ -43,13 +44,15 @@ export default memo(function StudyTreeNode({
     );
   }
 
+  const sortedChildren = sortBy(prop("name"), studyTreeNode.children);
+
   return (
     <TreeItemEnhanced
       itemId={id}
       label={studyTreeNode.name}
       onClick={() => onNodeClick(id, studyTreeNode)}
     >
-      {studyTreeNode.children.map((child) => (
+      {sortedChildren.map((child) => (
         <StudyTreeNode
           key={`${id}/${child.name}`}
           studyTreeNode={child}