store: sort stages by id

swan-cern · May 9, 2022 · a35015e · a35015e
1 parent 83d79df
commit a35015e
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/components/job-table.tsx b/src/components/job-table.tsx
@@ -38,7 +38,7 @@ const StageItem = observer((props: { stageId: string }) => {
 
 const StageTable = observer((props: { jobId: string }) => {
     const notebook = useNotebookStore();
-    const stageIds = notebook.jobs[props.jobId].uniqueStageIds.slice(0).sort();
+    const stageIds = notebook.jobs[props.jobId].uniqueStageIds;
     const rows = stageIds.map((stageId) => {
         return <StageItem stageId={stageId} key={stageId} />;
     });

diff --git a/src/store/notebook.ts b/src/store/notebook.ts
@@ -89,6 +89,7 @@ export class NotebookStore {
             stage.name = data.stageInfos[stageId].name;
             job.uniqueStageIds.push(uniqueStageId);
         });
+        job.uniqueStageIds.sort((a, b) => a.localeCompare(b, undefined, { numeric: true }));
 
         if (job.name === 'null') {
             const lastStageId = Math.max.apply(null, data.stageIds);