Sorted activities by timestamp_started

Author: zonia3000

src/lib/common/task_utilities.js

@@ -0,0 +1,8 @@
+/**
+ * Sort task-group activities by timestamp_started.
+ * @param {import('$lib/types-v2').TaskGroupActivityV2} a1
+ * @param {import('$lib/types-v2').TaskGroupActivityV2} a2
+ */
+export const sortActivitiesByTimestampStarted = function (a1, a2) {
+	return a1.timestamp_started < a2.timestamp_started ? 1 : -1;
+};

src/lib/components/v2/tasks/TaskCollection.svelte

@@ -9,13 +9,16 @@
 		getTaskActivityStatusBadgeClass,
 		getTaskGroupActivitiesToUpdate
 	} from './task_group_utilities';
+	import { sortActivitiesByTimestampStarted } from '$lib/common/task_utilities';
 
 	// This component automatically fecthes updates for task collections activities
 	// in pending and ongoing status
 
 	/** @type {import('$lib/types-v2').TaskGroupActivityV2[]} */
 	let recentActivities = [];
 
+	$: sortedRecentActivities = [...recentActivities].sort(sortActivitiesByTimestampStarted);
+
 	/** @type {'pypi'|'local'} */
 	export let packageType = 'pypi';
 	/** @type {() => Promise<void>} */
@@ -413,7 +416,7 @@
 					</tr>
 				</thead>
 				<tbody>
-					{#each recentActivities as taskGroupActivity}
+					{#each sortedRecentActivities as taskGroupActivity}
 						<tr>
 							<td>{taskGroupActivity.pkg_name}</td>
 							<td>

src/lib/components/v2/tasks/TaskGroupActivities.svelte

@@ -10,6 +10,7 @@
 	import { getTimestamp } from '$lib/common/component_utilities';
 	import { page } from '$app/stores';
 	import { sortUserByEmailComparator } from '$lib/common/user_utilities';
+	import { sortActivitiesByTimestampStarted } from '$lib/common/task_utilities';
 
 	export let admin = false;
 
@@ -101,7 +102,7 @@
 			}
 			/** @type {import('$lib/types-v2').TaskGroupActivityV2[]} */
 			const activities = await response.json();
-			activities.sort((a1, a2) => (a1.timestamp_started < a2.timestamp_started ? 1 : -1));
+			activities.sort(sortActivitiesByTimestampStarted);
 			results = activities;
 		} finally {
 			searching = false;