components/checkout/common/PaymentDetails.js
/**
   * Renders a Paypal element for capturing payment information using Stripe as the gateway
   *
   * @returns {JSX.Element}
   */
Renders a Paypal element for capturing payment information using Stripe as the gateway
@returns {JSX.Element}
Renders a Paypal element for capturing payment information using Stripe as the gateway @returns { JSX . Element }
renderPaypal() {
    const { gateways, onChangeGateway, selectedGateway, t } = this.props;
    if (!gateways || !gateways.available['paypal']) {
      return null;
    }
    return (
      <div className="borderbottom border-color-gray500">
        <label
          onClick={() => onChangeGateway('paypal')}
          className="p-3 d-flex align-items-center cursor-pointer"
        >
          <Radiobox
            checked={selectedGateway === 'paypal'}
            className="mr-3"
          />
          <p className="font-weight-medium">
            {t('checkout.payment.paypal')}
          </p>
        </label>
        { selectedGateway === 'paypal' && (
          <div className="pl-5 pr-3 pb-3 ml-2">
            {t('checkout.payment.paypalDetails')}
          </div>
        ) }
      </div>
    );
  }
renderPaypal ( ) { const { gateways , onChangeGateway , selectedGateway , t } = this . props ; if ( ! gateways || ! gateways . available [ 'paypal' ] ) { return null ; } return ( < div className = "borderbottom border-color-gray500" > < label onClick = { ( ) => onChangeGateway ( 'paypal' ) } className = "p-3 d-flex align-items-center cursor-pointer" > < Radiobox checked = { selectedGateway === 'paypal' } className = "mr-3" / > < p className = "font-weight-medium" > { t ( 'checkout.payment.paypal' ) } < / p > < / label > { selectedGateway === 'paypal' && ( < div className = "pl-5 pr-3 pb-3 ml-2" > { t ( 'checkout.payment.paypalDetails' ) } < / div > ) } < / div > ) ; }
Renders a Paypal element for capturing payment information using Stripe as the gateway
 @returns {JSX.Element}
Renders a Paypal element for capturing payment information using Stripe as the gateway @returns { JSX . Element }