ui: Provide deterministic order to task list (#965)

divviup · Apr 10, 2024 · b3bef74 · b3bef74
1 parent af05788
commit b3bef74
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/app/src/tasks/TaskList.tsx b/app/src/tasks/TaskList.tsx
@@ -69,14 +69,16 @@ function TaskList() {
   } else {
     return (
       <ListGroup>
-        {tasks.map((task) => (
-          <LinkContainer key={task.id} to={task.id}>
-            <ListGroup.Item action>
-              <VdafIcon task={task} />
-              {task.name}
-            </ListGroup.Item>
-          </LinkContainer>
-        ))}
+        {tasks
+          .sort((a, b) => a.name.localeCompare(b.name))
+          .map((task) => (
+            <LinkContainer key={task.id} to={task.id}>
+              <ListGroup.Item action>
+                <VdafIcon task={task} />
+                {task.name}
+              </ListGroup.Item>
+            </LinkContainer>
+          ))}
       </ListGroup>
     );
   }