paypal-donation-render.js

  render() {
    const { amount, duration, planId } = this.state;
    const isOneTimePayment = duration === "onetime";

    if (!isOneTimePayment) {
      return (
        <PayPalButton
          createSubscription={(data, actions) => {
            return actions.subscription.create({
              plan_id: planId
            });
          }}
          onApprove={data => {
            this.handleApproval(data);
          }}
          onCancel={() => {
            this.props.onDonationStateChange(
              false,
              false,
              "Payment has been canceled."
            );
          }}
          onError={() =>
            this.props.onDonationStateChange(false, false, "Please try again.")
          }
          options={{
            vault: true,
            disableFunding: "card",
            clientId: paypalClientId
          }}
          style={{
            tagline: false,
            height: 43
          }}
        />
      );
    } else return "";
    return (
      <PayPalButton
        amount={amount}
        onApprove={data => {
          this.handleApproval(data);
        }}
        onCancel={() => {
          this.props.onDonationStateChange(
            false,
            false,
            'Payment has been canceled.'
          );
        }}
        onError={() =>
          this.props.onDonationStateChange(false, false, 'Please try again.')
        }
        options={{
          vault: true,
          disableFunding: 'card',
          clientId: paypalClientId
        }}
        style={{
          tagline: false,
          height: 43
        }}
      />
    );
  }