diff --git a/frontend/src/components/modals/InventoryDeviceModal.tsx b/frontend/src/components/modals/InventoryDeviceModal.tsx index ba1bdac..1d37f59 100644 --- a/frontend/src/components/modals/InventoryDeviceModal.tsx +++ b/frontend/src/components/modals/InventoryDeviceModal.tsx @@ -15,7 +15,22 @@ * reads in one screen instead of a scrolling column of key-value pairs. */ import { useEffect, useState } from 'react' -import { Check, Copy, Layers, Pencil, Plus, X } from 'lucide-react' +import { + Check, + Copy, + Factory, + Fingerprint, + HeartPulse, + History, + Layers, + Network, + Pencil, + Plus, + StickyNote, + Tags, + X, + type LucideIcon, +} from 'lucide-react' import { toast } from 'sonner' import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/components/ui/dialog' import { Button } from '@/components/ui/button' @@ -91,20 +106,25 @@ function categoryColor(category: string | null | undefined) { return CATEGORY_COLORS[category.toLowerCase()] ?? '#8b949e' } -/** A section card: heading bar, optional action, body. */ +/** A section card: heading bar with its icon, optional action, body. */ function Section({ title, + icon: Icon, action, children, }: { title: string + icon: LucideIcon action?: React.ReactNode children: React.ReactNode }) { return (
- {title} + + + {title} + {action}
{children}
@@ -398,7 +418,7 @@ export function InventoryDeviceModal({ device, onClose, onApprove, onHide, onIgn {editing ? (
-
+
set('label', e.target.value)} placeholder="Display name" className={INPUT} /> @@ -440,7 +460,7 @@ export function InventoryDeviceModal({ device, onClose, onApprove, onHide, onIgn
-
+
set('vendor', e.target.value)} className={INPUT} /> @@ -459,7 +479,7 @@ export function InventoryDeviceModal({ device, onClose, onApprove, onHide, onIgn
-
+