Used new /type-filters-flow endpoint response structure

Author: zonia3000

components/src/lib/types/api.d.ts

@@ -275,6 +275,7 @@ export type TaskGroupActivityV2 = {
 };
 
 export type TypeFiltersFlow = {
+	workflowtask_id: number;
 	current_type_filters: { [key: string]: bool };
 	input_type_filters: { [key: string]: bool };
 	output_type_filters: { [key: string]: bool };

src/lib/components/v2/workflow/RunWorkflowModal.svelte

@@ -376,11 +376,11 @@
 			`/api/v2/project/${workflow.project_id}/workflow/${workflow.id}/type-filters-flow`
 		);
 		if (response.ok) {
-			/** @type {{ [id: string]: import("fractal-components/types/api").TypeFiltersFlow }} */
+			/** @type {Array<import("fractal-components/types/api").TypeFiltersFlow>} */
 			const typeFiltersFlow = await response.json();
-			if (workflowTask.id in typeFiltersFlow) {
-				currentTypeFilters = typeFiltersFlow[workflowTask.id].current_type_filters;
-			}
+			currentTypeFilters =
+				typeFiltersFlow.find((t) => t.workflowtask_id === workflowTask.id)?.current_type_filters ||
+				{};
 		}
 		return {
 			...currentTypeFilters,

src/lib/components/v2/workflow/TypeFiltersFlowModal.svelte

@@ -10,8 +10,8 @@
 	let modal;
 	let loading = false;
 
-	/** @type {{ [id: string]: import("fractal-components/types/api").TypeFiltersFlow }|undefined} */
-	let typeFiltersFlow;
+	/** @type {Array<import("fractal-components/types/api").TypeFiltersFlow>} */
+	let typeFiltersFlow = [];
 
 	export async function open() {
 		modal.show();
@@ -36,14 +36,14 @@
 	}
 
 	/**
-	 * @param {number} taskId
+	 * @param {number} workflowTaskId
 	 */
-	function getTaskById(taskId) {
-		return workflow.task_list.filter((t) => t.id === taskId)[0].task;
+	function getTaskById(workflowTaskId) {
+		return workflow.task_list.filter((t) => t.id === workflowTaskId)[0].task;
 	}
 
 	function onClose() {
-		typeFiltersFlow = undefined;
+		typeFiltersFlow = [];
 	}
 </script>
 
@@ -70,10 +70,10 @@
 					<tbody>
 						{#if !loading}
 							<!-- eslint-disable-next-line no-unused-vars -->
-							{#each Object.entries(typeFiltersFlow) as [taskId, filters], index}
+							{#each typeFiltersFlow as filters}
 								<tr>
 									<td>
-										{getTaskById(Number(taskId)).name}
+										{getTaskById(Number(filters.workflowtask_id)).name}
 									</td>
 									<td>
 										<TypeFiltersCell filters={filters.current_type_filters} />