31 lines
983 B
TypeScript
31 lines
983 B
TypeScript
interface Props {
|
|
session: { id: string }
|
|
onReview: () => void
|
|
onCancel: () => void
|
|
}
|
|
|
|
export default function ImportBanner({ session, onReview, onCancel }: Props) {
|
|
return (
|
|
<div className="bg-yellow-900/20 border border-yellow-600 text-yellow-300 px-4 py-3 rounded mb-6 flex items-center justify-between">
|
|
<div>
|
|
<div className="font-medium">Pending Import Session</div>
|
|
<div className="text-sm text-yellow-400/80">Session ID: {session.id}</div>
|
|
</div>
|
|
<div className="flex gap-3">
|
|
<button
|
|
onClick={onReview}
|
|
className="px-3 py-1 bg-yellow-600 hover:bg-yellow-500 text-black rounded text-sm font-medium"
|
|
>
|
|
Review Changes
|
|
</button>
|
|
<button
|
|
onClick={onCancel}
|
|
className="px-3 py-1 bg-gray-800 hover:bg-gray-700 text-yellow-300 border border-yellow-700 rounded text-sm font-medium"
|
|
>
|
|
Cancel
|
|
</button>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|