From c3bbdb852d19d9657cc17be402708682b4158dc7 Mon Sep 17 00:00:00 2001
From: Jason Staack <jason@staack.com>
Date: Wed, 18 Mar 2026 11:11:25 -0500
Subject: [PATCH] feat(ui): add DeviceLink reusable component

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 frontend/src/components/ui/device-link.tsx | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 frontend/src/components/ui/device-link.tsx

diff --git a/frontend/src/components/ui/device-link.tsx b/frontend/src/components/ui/device-link.tsx
new file mode 100644
index 0000000..675b2db
--- /dev/null
+++ b/frontend/src/components/ui/device-link.tsx
@@ -0,0 +1,21 @@
+import { Link } from '@tanstack/react-router'
+import { cn } from '@/lib/utils'
+
+interface DeviceLinkProps {
+  tenantId: string
+  deviceId: string
+  children: React.ReactNode
+  className?: string
+}
+
+export function DeviceLink({ tenantId, deviceId, children, className }: DeviceLinkProps) {
+  return (
+    <Link
+      to="/tenants/$tenantId/devices/$deviceId"
+      params={{ tenantId, deviceId }}
+      className={cn('hover:text-text-primary hover:underline', className)}
+    >
+      {children}
+    </Link>
+  )
+}