From 83abb85127dac7297088a2a51b06854a9a9ecc19 Mon Sep 17 00:00:00 2001
From: Katie Toler <katie.toler@temporal.io>
Date: Wed, 11 Sep 2024 15:09:21 -0600
Subject: [PATCH] Add links to workflow counts on list workflows page (#2315)

* Add links to workflow counts on list workflows page

* Update link structure
---
 .../workflow/workflow-counts.svelte           | 20 ++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/lib/components/workflow/workflow-counts.svelte b/src/lib/components/workflow/workflow-counts.svelte
index 7fa8ccadc..ade01ef7a 100644
--- 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}