Function DeleteQAForm

src/components/posts/form/form-delete.tsx:21–59

({ questionId, answerId })

) => Promise<ActionState<DeleteActionData, Delete>>;

const DeleteQAForm: React.FC<IVoteFormProps> = ({ questionId, answerId }) => {
  const idForm = useId();
  const router = useRouter();
  const deleteAction: DeleteAction = async ({ questionId, answerId }) => {
    if (questionId) {
      return deleteQuestion({ questionId });
    } else if (answerId) {
      return deleteAnswer({ answerId });
    }
    throw new Error('Neither questionId nor answerId is provided');
  };

  const { execute } = useAction(deleteAction, {
    onSuccess: (data) => {
      toast.success(`${data.message}`);
      if (questionId) {
        router.push('/question');
      }
    },
    onError: (error) => {
      toast.error(error);
    },
  });

  const hanleDeleteFunction = () => {
    execute(questionId ? { questionId } : { answerId });
  };

  return (
    <Button
      id={`delete-${idForm}`}
      onClick={hanleDeleteFunction}
      size="icon"
      variant="destructive"
    >
      <Trash2 className="size-4" />
    </Button>
  );
};

export default DeleteQAForm;