From c648c44cc3b8c7daea7d85414a463caa2d6b1149 Mon Sep 17 00:00:00 2001
From: Charlie Park <charlie@oxidecomputer.com>
Date: Fri, 30 Aug 2024 19:05:58 -0700
Subject: [PATCH] Link silo view page from utilization page (#2408)

---
 app/pages/system/UtilizationPage.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/pages/system/UtilizationPage.tsx b/app/pages/system/UtilizationPage.tsx
index a8dd213781..6faaa82a1f 100644
--- a/app/pages/system/UtilizationPage.tsx
+++ b/app/pages/system/UtilizationPage.tsx
@@ -23,6 +23,7 @@ import { useDateTimeRangePicker } from '~/components/form/fields/DateTimeRangePi
 import { QueryParamTabs } from '~/components/QueryParamTabs'
 import { useIntervalPicker } from '~/components/RefetchIntervalPicker'
 import { SystemMetric } from '~/components/SystemMetric'
+import { LinkCell } from '~/table/cells/LinkCell'
 import { Listbox } from '~/ui/lib/Listbox'
 import { PageHeader, PageTitle } from '~/ui/lib/PageHeader'
 import { ResourceMeter } from '~/ui/lib/ResourceMeter'
@@ -30,6 +31,7 @@ import { Table } from '~/ui/lib/Table'
 import { Tabs } from '~/ui/lib/Tabs'
 import { docLinks } from '~/util/links'
 import { round } from '~/util/math'
+import { pb } from '~/util/path-builder'
 import { bytesToGiB, bytesToTiB } from '~/util/units'
 
 SystemUtilizationPage.loader = async () => {
@@ -181,7 +183,7 @@ function UsageTab() {
         {siloUtilizations.items.map((silo) => (
           <Table.Row key={silo.siloName}>
             <Table.Cell width="16%" height="large">
-              {silo.siloName}
+              <LinkCell to={pb.silo({ silo: silo.siloName })}>{silo.siloName}</LinkCell>
             </Table.Cell>
             <Table.Cell width="14%" height="large">
               <UsageCell