fix: move delete user button to client component to fix onClick error

This commit is contained in:
mstfyldz
2026-06-05 17:34:15 +03:00
parent 8fa63d0b25
commit 376b620a6a
2 changed files with 35 additions and 19 deletions
+27
View File
@@ -0,0 +1,27 @@
'use client';
import { Trash2 } from 'lucide-react';
import { deleteUser } from './actions';
export function DeleteUserButton({ userId, username, disabled }: { userId: string; username: string; disabled: boolean }) {
if (disabled) return null;
const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
if (!confirm(`"${username}" kullanıcısı silinsin mi?`)) {
e.preventDefault();
}
};
return (
<form action={deleteUser} onSubmit={handleSubmit}>
<input type="hidden" name="id" value={userId} />
<button
type="submit"
title="Kullanıcıyı Sil"
className="p-2 text-red-400 hover:text-red-600 hover:bg-red-50 dark:hover:bg-red-900/20 rounded-lg transition-colors"
>
<Trash2 className="w-4 h-4" />
</button>
</form>
);
}