cc3a9a37dc
Split the 854-line DSR detail page into colocated components under _components/ and a data-loading hook under _hooks/. No behavior changes. page.tsx is now 172 LOC, all extracted files under 300 LOC. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
76 lines
2.1 KiB
TypeScript
76 lines
2.1 KiB
TypeScript
'use client'
|
|
|
|
import React from 'react'
|
|
import { DSRRequest } from '@/lib/sdk/dsr/types'
|
|
|
|
export function ActionButtons({
|
|
request,
|
|
onVerifyIdentity,
|
|
onExtendDeadline,
|
|
onComplete,
|
|
onReject,
|
|
onAssign
|
|
}: {
|
|
request: DSRRequest
|
|
onVerifyIdentity: () => void
|
|
onExtendDeadline: () => void
|
|
onComplete: () => void
|
|
onReject: () => void
|
|
onAssign: () => void
|
|
}) {
|
|
const isTerminal = request.status === 'completed' || request.status === 'rejected' || request.status === 'cancelled'
|
|
|
|
if (isTerminal) {
|
|
return (
|
|
<div className="space-y-2">
|
|
<button className="w-full px-4 py-2 text-gray-600 bg-gray-100 hover:bg-gray-200 rounded-lg transition-colors text-sm">
|
|
PDF exportieren
|
|
</button>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
return (
|
|
<div className="space-y-2">
|
|
{!request.identityVerification.verified && (
|
|
<button
|
|
onClick={onVerifyIdentity}
|
|
className="w-full px-4 py-2 bg-yellow-500 text-white hover:bg-yellow-600 rounded-lg transition-colors text-sm font-medium"
|
|
>
|
|
Identitaet verifizieren
|
|
</button>
|
|
)}
|
|
|
|
<button
|
|
onClick={onAssign}
|
|
className="w-full px-4 py-2 text-purple-600 bg-purple-50 hover:bg-purple-100 rounded-lg transition-colors text-sm"
|
|
>
|
|
{request.assignment.assignedTo ? 'Neu zuweisen' : 'Zuweisen'}
|
|
</button>
|
|
|
|
<button
|
|
onClick={onExtendDeadline}
|
|
className="w-full px-4 py-2 text-gray-600 bg-gray-100 hover:bg-gray-200 rounded-lg transition-colors text-sm"
|
|
>
|
|
Frist verlaengern
|
|
</button>
|
|
|
|
<div className="border-t border-gray-200 pt-2 mt-2">
|
|
<button
|
|
onClick={onComplete}
|
|
className="w-full px-4 py-2 bg-green-600 text-white hover:bg-green-700 rounded-lg transition-colors text-sm font-medium"
|
|
>
|
|
Abschliessen
|
|
</button>
|
|
|
|
<button
|
|
onClick={onReject}
|
|
className="w-full mt-2 px-4 py-2 text-red-600 bg-red-50 hover:bg-red-100 rounded-lg transition-colors text-sm"
|
|
>
|
|
Ablehnen
|
|
</button>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|