Function CommentDeleteForm

src/components/comment/CommentDeleteForm.tsx:10–41

({ commentId }: { commentId: number })

import { toast } from 'sonner';

const CommentDeleteForm = ({ commentId }: { commentId: number }) => {
  const currentPath = usePathname();

  const { execute, isLoading } = useAction(deleteMessage, {
    onSuccess: () => {
      toast('Comment deleted');
    },
    onError: (error) => {
      toast.error(error);
    },
  });
  const handleFormSubmit = (e: React.FormEvent<HTMLFormElement>) => {
    e.preventDefault();

    execute({
      commentId,
      currentPath,
    });
  };
  return (
    <form className="w-full" onSubmit={handleFormSubmit}>
      <button
        className="flex w-full items-center gap-2"
        type="submit"
        disabled={isLoading}
      >
        <Trash2Icon className="size-4" />
        Delete
      </button>
    </form>
  );
};

export default CommentDeleteForm;