text: import React, { Component } from 'react';
  
  import PageTitle from '../pageTitle';
  
  // REDUX
  
  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 Information' />
                  <PaymentForm onSubmit={this.onSubmit} className='payment__form' />
              </div>
          )
      }
  }
  
  Payment = connect(null, actions)(Payment);
  
  export default Payment;