fix: move delete user button to client component to fix onClick error
This commit is contained in:
@@ -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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user