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

feat(firmware): make device hostnames clickable in upgrade progress

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:19:58 -05:00
parent 213681c4e6
commit 0c72242e72
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/components/firmware/UpgradeProgressModal.tsx
View File

@@ -21,6 +21,7 @@ import { firmwareApi } from '@/lib/firmwareApi'
import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/components/ui/dialog' import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/components/ui/dialog'
import { Button } from '@/components/ui/button' import { Button } from '@/components/ui/button'
import { cn } from '@/lib/utils' import { cn } from '@/lib/utils'
import { DeviceLink } from '@/components/ui/device-link'
const STATUS_CONFIG: Record< const STATUS_CONFIG: Record<
string, string,
@@ -125,7 +126,10 @@ function SingleUpgradeProgress({
return ( return (
<div className="space-y-4"> <div className="space-y-4">
<div className="text-sm text-text-secondary"> <div className="text-sm text-text-secondary">
{job.device_hostname ?? job.device_id.slice(0, 8)} — upgrading to{' '} <DeviceLink tenantId={tenantId} deviceId={job.device_id}>
{job.device_hostname ?? job.device_id.slice(0, 8)}
</DeviceLink>{' '}
— upgrading to{' '}
<span className="text-text-primary font-mono">{job.target_version}</span> <span className="text-text-primary font-mono">{job.target_version}</span>
</div> </div>
@@ -263,7 +267,9 @@ function MassUpgradeProgress({
> >
<Icon className={cn('h-3.5 w-3.5', config.color)} /> <Icon className={cn('h-3.5 w-3.5', config.color)} />
<span className="text-text-secondary flex-1"> <span className="text-text-secondary flex-1">
{job.device_hostname ?? job.device_id.slice(0, 8)} <DeviceLink tenantId={tenantId} deviceId={job.device_id}>
{job.device_hostname ?? job.device_id.slice(0, 8)}
</DeviceLink>
</span> </span>
<span className={cn('text-[10px]', config.color)}>{config.label}</span> <span className={cn('text-[10px]', config.color)}>{config.label}</span>
</div> </div>