text: import React, { Component } from 'react';
  import PageTitle from '../pageTitle';
  
  import { connect } from 'react-redux';
  import * as actions from '../../actions';
  
  import PaymentForm from './paymentForm';
  
  class Payment extends Component {
  
    componentDidMount() {
      this.props.setHeaderLinks([]);
      this.props.setNavbarLinks([]);
    }
  
    onSubmit = (fields) => {
      console.log(fields);
    }
  
    render() {
      return (
        <div className="payment">
          <PageTitle className='payment__page-title' title='Payment Info' />
          <PaymentForm onSubmit={this.onSubmit} className='payment__form' />
        </div>
      );
    }
  }
  
  Payment = connect(null, actions)(Payment);
  export default Payment;