[FIX] dashboard usage table

Signed-off-by: Nicolas Takashi <[email protected]>
nicolastakashi · Jan 17, 2025 · 524c8ff · 524c8ff
1 parent be4b87a
commit 524c8ff
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git 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
@@ -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>