team list error message badge

Author: andnorda

src/routes/+page.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { badgeLevel } from '$lib/components/Badge.svelte';
 	import List from '$lib/components/list/List.svelte';
 	import TeamListItem from '$lib/components/list/TeamListItem.svelte';
 	import Pagination from '$lib/Pagination.svelte';
@@ -15,6 +16,14 @@
 	let userTeams = $derived(
 		$UserTeams.data?.me.__typename == 'User' && $UserTeams.data?.me.teams?.nodes.length
 	);
+
+	const supportedErrorTypes = [
+		'WorkloadStatusNoRunningInstances',
+		'WorkloadStatusInvalidNaisYaml',
+		'WorkloadStatusSynchronizationFailing',
+		'WorkloadStatusDeprecatedRegistry',
+		'WorkloadStatusFailedRun'
+	];
 </script>
 
 <svelte:head><title>Console</title></svelte:head>
@@ -43,11 +52,16 @@
 				{#if $UserTeams.data.me.__typename == 'User'}
 					<List>
 						{#each $UserTeams.data.me.teams.nodes as node (node.team.id)}
-							<TeamListItem team={node.team} />
-							<!-- badge={{
-									count: node.team.workloads.nodes.length,
-									level: badgeLevel(node.team.workloads.nodes.flatMap((w) => w.status.errors))
-								}} -->
+							{@const errors = node.team.workloads.nodes.flatMap((w) =>
+								w.status.errors.filter((e) => supportedErrorTypes.includes(e.__typename ?? ''))
+							)}
+							<TeamListItem
+								team={node.team}
+								badge={{
+									count: errors.length,
+									level: badgeLevel(errors)
+								}}
+							/>
 						{:else}
 							<BodyLong>
 								You don't seem to belong to any teams at the moment. You can create a new team or