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

feat(vpn): make device hostnames clickable in VPN page

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:23:40 -05:00
parent a33a0acb35
commit 26e3c90523
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/components/vpn/VpnPage.tsx
View File

@@ -47,6 +47,7 @@ import { toast } from '@/components/ui/toast'
import { cn } from '@/lib/utils' import { cn } from '@/lib/utils'
import { EmptyState } from '@/components/ui/empty-state' import { EmptyState } from '@/components/ui/empty-state'
import { TableSkeleton } from '@/components/ui/page-skeleton' import { TableSkeleton } from '@/components/ui/page-skeleton'
import { DeviceLink } from '@/components/ui/device-link'
export function VpnPage() { export function VpnPage() {
const { user } = useAuth() const { user } = useAuth()
@@ -338,7 +339,13 @@ export function VpnPage() {
{peers.map((peer) => ( {peers.map((peer) => (
<tr key={peer.id} className="hover:bg-elevated/30 transition-colors"> <tr key={peer.id} className="hover:bg-elevated/30 transition-colors">
<td className="px-4 py-3"> <td className="px-4 py-3">
<div className="font-medium text-sm text-text-primary">{peer.device_hostname}</div> <div className="font-medium text-sm text-text-primary">
{peer.device_id ? (
<DeviceLink tenantId={tenantId} deviceId={peer.device_id}>
{peer.device_hostname}
</DeviceLink>
) : peer.device_hostname}
</div>
<div className="text-xs text-text-muted">{peer.device_ip}</div> <div className="text-xs text-text-muted">{peer.device_ip}</div>
</td> </td>
<td className="px-4 py-3"> <td className="px-4 py-3">