monoadmin/the-other-dude
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(alerts): use DeviceLink for device hostnames

Browse Source 
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Jason Staack
2026-03-18 11:13:33 -05:00
parent e4b9eeae1d
commit e8ffbdbf7a
1 changed files with 6 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/components/alerts/AlertsPage.tsx
View File

@@ -4,7 +4,7 @@
import { useState } from 'react' import { useState } from 'react'
import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query' import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
import { Link } from '@tanstack/react-router' import { DeviceLink } from '@/components/ui/device-link'
import { import {
Bell, Bell,
BellOff, BellOff,
@@ -106,13 +106,9 @@ function AlertRow({
{isSilenced && <BellOff className="h-3 w-3 text-text-muted" />} {isSilenced && <BellOff className="h-3 w-3 text-text-muted" />}
</div> </div>
<div className="flex items-center gap-3 text-xs text-text-muted mt-0.5"> <div className="flex items-center gap-3 text-xs text-text-muted mt-0.5">
<Link <DeviceLink tenantId={tenantId} deviceId={alert.device_id}>
to="/tenants/$tenantId/devices/$deviceId"
params={{ tenantId, deviceId: alert.device_id }}
className="hover:text-text-primary"
>
{alert.device_hostname ?? alert.device_id.slice(0, 8)} {alert.device_hostname ?? alert.device_id.slice(0, 8)}
</Link> </DeviceLink>
{alert.rule_name && <span>{alert.rule_name}</span>} {alert.rule_name && <span>{alert.rule_name}</span>}
{alert.threshold != null && ( {alert.threshold != null && (
<span> <span>
@@ -342,7 +338,9 @@ export function AlertsPage() {
{alert.message ?? alert.metric ?? 'System alert'} {alert.message ?? alert.metric ?? 'System alert'}
</span> </span>
<span className="text-xs text-text-muted"> <span className="text-xs text-text-muted">
{alert.device_hostname ?? alert.device_id.slice(0, 8)} <DeviceLink tenantId={tenantId} deviceId={alert.device_id}>
{alert.device_hostname ?? alert.device_id.slice(0, 8)}
</DeviceLink>
{alert.rule_name && ` — ${alert.rule_name}`} {alert.rule_name && ` — ${alert.rule_name}`}
</span> </span>
</div> </div>