components/checkout/common/PaymentDetails.js
/**
   * Render a form for using the manual payment.
   *
   * @returns {JSX.Element}
   */
Render a form for using the manual payment.
Render a form for using the manual payment .
renderManualGateway() {
    const {
      gateways,
      onChangeGateway,
      selectedGateway,
      cardNumber,
      expMonth,
      expYear,
      cvc,
      t,
    } = this.props;
    if (!gateways || !gateways.available['manual']) {
      return null;
    }
    return (
      <div className="borderbottom border-color-gray500">
        <label
          onClick={() => onChangeGateway('manual')}
          className="p-3 d-flex align-items-center cursor-pointer"
        >
          <Radiobox
            checked={selectedGateway === 'manual'}
            className="mr-3"
          />
          <p className="font-weight-medium">
            {t('checkout.payment.manual')}
          </p>
        </label>
        { selectedGateway === 'manual' && (
          <div className="pl-5 pr-3 pb-3 ml-2">
            {t('checkout.payment.manualDetails')}
          </div>
        ) }
      </div>
    );
  }
renderManualGateway ( ) { const { gateways , onChangeGateway , selectedGateway , cardNumber , expMonth , expYear , cvc , t , } = this . props ; if ( ! gateways || ! gateways . available [ 'manual' ] ) { return null ; } return ( < div className = "borderbottom border-color-gray500" > < label onClick = { ( ) => onChangeGateway ( 'manual' ) } className = "p-3 d-flex align-items-center cursor-pointer" > < Radiobox checked = { selectedGateway === 'manual' } className = "mr-3" / > < p className = "font-weight-medium" > { t ( 'checkout.payment.manual' ) } < / p > < / label > { selectedGateway === 'manual' && ( < div className = "pl-5 pr-3 pb-3 ml-2" > { t ( 'checkout.payment.manualDetails' ) } < / div > ) } < / div > ) ; }
Render a form for using the manual payment.
Render a form for using the manual payment .