diff --git a/app/(app)/devices/DeviceDetailModal.tsx b/app/(app)/devices/DeviceDetailModal.tsx index f9922f4..6b55668 100644 --- a/app/(app)/devices/DeviceDetailModal.tsx +++ b/app/(app)/devices/DeviceDetailModal.tsx @@ -15,8 +15,15 @@ type DeviceDetailModalProps = { open: boolean; inventoryNumber: string | null; onClose: () => void; + + /** Darf der aktuelle Benutzer Geräte bearbeiten? */ + canEdit?: boolean; + + /** Wird aufgerufen, wenn im Detail-Modal "Bearbeiten" geklickt wird */ + onEdit?: (inventoryNumber: string) => void; }; + const dtf = new Intl.DateTimeFormat('de-DE', { dateStyle: 'short', timeStyle: 'short', @@ -25,9 +32,22 @@ const dtf = new Intl.DateTimeFormat('de-DE', { type DeviceDetailsGridProps = { device: DeviceDetail; onStartLoan?: () => void; + + /** Darf der aktuelle Benutzer Geräte bearbeiten? */ + canEdit?: boolean; + + /** Wird ausgelöst, wenn auf "Bearbeiten" geklickt wird */ + onEdit?: () => void; }; -function DeviceDetailsGrid({ device, onStartLoan }: DeviceDetailsGridProps) { + +function DeviceDetailsGrid({ + device, + onStartLoan, + canEdit, + onEdit, +}: DeviceDetailsGridProps) { + const [activeSection, setActiveSection] = useState<'info' | 'zubehoer'>('info'); @@ -125,7 +145,6 @@ function DeviceDetailsGrid({ device, onStartLoan }: DeviceDetailsGridProps) {