From 524c8ff283efb4f4268e0974c1c07c41479c64a5 Mon Sep 17 00:00:00 2001
From: Nicolas Takashi <nicolas.tcs@hotmail.com>
Date: Fri, 17 Jan 2025 09:35:15 +0000
Subject: [PATCH] [FIX] dashboard usage table

Signed-off-by: Nicolas Takashi <nicolas.tcs@hotmail.com>
---
 ui/src/fetch/index.ts           | 2 +-
 ui/src/pages/metrics/detail.tsx | 7 +++----
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/ui/src/fetch/index.ts b/ui/src/fetch/index.ts
index 2ee0e32..d7ca1d2 100644
--- a/ui/src/fetch/index.ts
+++ b/ui/src/fetch/index.ts
@@ -106,7 +106,7 @@ export interface RuleUsage {
 export interface DashboardUsage {
     id: string;
     serie: string;
-    name: string;
+    title: string;
     url: string;
 }
 
diff --git a/ui/src/pages/metrics/detail.tsx b/ui/src/pages/metrics/detail.tsx
index 893652e..7d4236c 100644
--- a/ui/src/pages/metrics/detail.tsx
+++ b/ui/src/pages/metrics/detail.tsx
@@ -277,16 +277,15 @@ const DashboardTable: React.FC<DashboardTableProps> = ({ dashboards, currentPage
             <Table>
                 <TableHeader>
                     <TableRow>
-                        <TableHead className="w-2/5 bg-muted" >Name</TableHead>
+                        <TableHead className="bg-muted">Name</TableHead>
                     </TableRow>
                 </TableHeader>
                 <TableBody>
                     {dashboards?.data?.map((dashboard, index) => (
                         <TableRow key={index}>
-                            <TableCell>{dashboard.id}</TableCell>
                             <TableCell>
-                                <Link to={dashboard.url} target='_blank' className="text-primary">
-                                    {dashboard.name}
+                                <Link to={dashboard.url} target='_blank' className="text-blue-500 underline">
+                                    {dashboard.title}
                                 </Link>
                             </TableCell>
                         </TableRow>