Add links to workflow counts on list workflows page (#2315)

* Add links to workflow counts on list workflows page * Update link structure
temporalio · Sep 11, 2024 · 83abb85 · 83abb85
1 parent 7e73a9d
commit 83abb85
Showing 1 changed file with 13 additions and 7 deletions.
diff --git a/src/lib/components/workflow/workflow-counts.svelte b/src/lib/components/workflow/workflow-counts.svelte
@@ -3,6 +3,7 @@
 
   import { page } from '$app/stores';
 
+  import Link from '$lib/holocene/link.svelte';
   import Skeleton from '$lib/holocene/skeleton/index.svelte';
   import { workflowStatuses } from '$lib/models/workflow-status';
   import { fetchWorkflowCountByExecutionStatus } from '$lib/services/workflow-counts';
@@ -121,13 +122,18 @@
 <div class="flex min-h-[24px] flex-wrap items-center gap-2">
   {#each statusGroups as { count, status } (status)}
     {#if !loading}
-      <WorkflowCountStatus
-        {status}
-        {count}
-        newCount={newStatusGroups.find((g) => g.status === status)
-          ? newStatusGroups.find((g) => g.status === status).count - count
-          : 0}
-      />
+      <Link
+        href={`/namespaces/${namespace}/workflows?query=%60ExecutionStatus%60%3D"${status}"`}
+        role="button"
+      >
+        <WorkflowCountStatus
+          {status}
+          {count}
+          newCount={newStatusGroups.find((g) => g.status === status)
+            ? newStatusGroups.find((g) => g.status === status).count - count
+            : 0}
+        />
+      </Link>
     {:else}
       <Skeleton class="h-6 w-24 rounded" />
     {/if}