25 lines
642 B
TypeScript
25 lines
642 B
TypeScript
'use client'
|
||
|
||
import { Trash2 } from 'lucide-react'
|
||
import { useFormStatus } from 'react-dom'
|
||
|
||
export default function DeleteButton() {
|
||
const { pending } = useFormStatus()
|
||
|
||
return (
|
||
<button
|
||
type="submit"
|
||
disabled={pending}
|
||
className="inline-flex items-center justify-center w-8 h-8 rounded-lg bg-stone hover:bg-red-50 text-shutter hover:text-red-500 transition-colors disabled:opacity-50"
|
||
title="Sil"
|
||
onClick={(e) => {
|
||
if (!confirm('Bu kaydı silmek istediğinize emin misiniz?')) {
|
||
e.preventDefault()
|
||
}
|
||
}}
|
||
>
|
||
<Trash2 className="w-4 h-4" />
|
||
</button>
|
||
)
|
||
}
|