🚸 Sort table nodes by name in LeftPane component

liam-hq · Dec 18, 2024 · 5425848 · 5425848
1 parent 12d215f
commit 5425848
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/frontend/packages/erd-core/src/components/ERDRenderer/LeftPane/LeftPane.tsx b/frontend/packages/erd-core/src/components/ERDRenderer/LeftPane/LeftPane.tsx
@@ -16,7 +16,19 @@ import { TableNameMenuButton } from './TableNameMenuButton'
 
 export const LeftPane = () => {
   const nodes = useNodes()
-  const tableNodes = useMemo(() => nodes.filter(isTableNode), [nodes])
+  const tableNodes = useMemo(() => {
+    return nodes.filter(isTableNode).sort((a, b) => {
+      const nameA = a.data.table.name
+      const nameB = b.data.table.name
+      if (nameA < nameB) {
+        return -1
+      }
+      if (nameA > nameB) {
+        return 1
+      }
+      return 0
+    })
+  }, [nodes])
 
   return (
     <Sidebar>