Tom Boullay
64 lines
2.1 KiB
TypeScript
64 lines
2.1 KiB
TypeScript
interface NoChangesModalProps {
|
|
destination: string
|
|
folderName: string
|
|
onCancel: () => void
|
|
onModify: () => void
|
|
}
|
|
|
|
export default function NoChangesModal({
|
|
destination,
|
|
folderName,
|
|
onCancel,
|
|
onModify,
|
|
}: NoChangesModalProps) {
|
|
return (
|
|
<div
|
|
className="fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm"
|
|
role="dialog"
|
|
aria-modal="true"
|
|
aria-labelledby="no-changes-title"
|
|
>
|
|
<div className="bg-black-900 border border-white/20 rounded-2xl p-6 max-w-md w-full mx-4 space-y-4">
|
|
<div className="flex items-center gap-3">
|
|
<div className="w-10 h-10 rounded-full bg-gray-700/50 flex items-center justify-center shrink-0">
|
|
<svg className="w-5 h-5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
|
|
<path
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
d="M5 13l4 4L19 7"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
<div>
|
|
<h3 id="no-changes-title" className="text-sm font-semibold text-gray-100">
|
|
Aucun changement detecte
|
|
</h3>
|
|
<p className="text-xs text-gray-400 mt-0.5">
|
|
Le dossier <span className="font-mono text-gray-300">{destination}/{folderName}</span> est identique au contenu distant. Rien a envoyer.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="flex gap-3">
|
|
<button
|
|
onClick={onCancel}
|
|
className="flex-1 bg-black-700 text-gray-300 font-medium text-sm
|
|
py-2.5 px-4 rounded-xl border border-white/10 transition-colors duration-150
|
|
hover:bg-black-600"
|
|
>
|
|
Annuler
|
|
</button>
|
|
<button
|
|
onClick={onModify}
|
|
className="flex-1 bg-white text-[#000000] font-medium text-sm
|
|
py-2.5 px-4 rounded-xl transition-colors duration-150
|
|
hover:bg-gray-200"
|
|
>
|
|
Modifier
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|