sort the state variables by key ref #638 (#639)

NitorCreations · May 2, 2024 · 67fe85f · 67fe85f
1 parent 1682f15
commit 67fe85f
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/nflow-explorer/src/workflow-instance/StateVariableTable.tsx b/nflow-explorer/src/workflow-instance/StateVariableTable.tsx
@@ -11,11 +11,13 @@ function StateVariableTable(props: {instance: WorkflowInstance}) {
       </pre>
     );
   };
-  const columns = Object.keys(props.instance.stateVariables || {}).map(key => ({
-    field: key,
-    headerName: key,
-    fieldRender: renderValue
-  }));
+  const columns = Object.keys(props.instance.stateVariables || {})
+    .map(key => ({
+      field: key,
+      headerName: key,
+      fieldRender: renderValue
+    }))
+    .sort((a, b) => a.field.localeCompare(b.field));
 
   if (!props.instance.stateVariables) {
     return <Alert severity="info">No state variables</Alert>;