components/checkout/common/PaymentDetails.js
/**
   * Render the payment view, including payment options for each supported gateway
   *
   * @returns {JSX.Element}
   */
Render the payment view, including payment options for each supported gateway
@returns {JSX.Element}
Render the payment view including payment options for each supported gateway @returns { JSX . Element }
render() {
    const { t } = this.props;
    return (
      <>
        <p className="font-size-subheader font-weight-semibold mb-3">
          {t('checkout.payment.title')}
        </p>
        <div className="border border-color-gray400 mb-5">
          {}
          {}
          { this.renderPaypal() }
          { this.renderManualGateway() }
          {  }
        </div>
      </>
    );
  }
render ( ) { const { t } = this . props ; return ( < > < p className = "font-size-subheader font-weight-semibold mb-3" > { t ( 'checkout.payment.title' ) } < / p > < div className = "border border-color-gray400 mb-5" > { } { } { this . renderPaypal ( ) } { this . renderManualGateway ( ) } { } < / div > < / > ) ; }
Render the payment view, including payment options for each supported gateway
 @returns {JSX.Element}
Render the payment view including payment options for each supported gateway @returns { JSX . Element }
/* { this.renderTestGateway() } */ /* { this.renderStripe() } */ /* todo support other gateways here */