SumOfUs/Champaign

File BraintreeCardFields.js has 296 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React, { Component } from 'react';
import { injectIntl, FormattedMessage } from 'react-intl';
import classnames from 'classnames';
import braintree from 'braintree-web';
import hostedFields from 'braintree-web/hosted-fields';

Function createHostedFields has 57 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  createHostedFields(client) {
    Promise.all([
      braintree.threeDSecure.create(
        {
          client: client,

Function render has 48 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render() {
    const prefix = 'BraintreeCardFields';
    const classNames = classnames({
      [prefix]: true,
      [`${prefix}--active`]: this.props.isActive,

Function submit has 45 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  submit(event) {
    if (event) event.preventDefault();
    const donationAmount = this.props.amount;
    this.resetErrors();

Function constructor has 44 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  constructor(props) {
    super(props);
    const lang = window.champaign.page.language_code;
    this.state = {
      hostedFields: null,

Similar blocks of code found in 3 locations. Consider refactoring.

Open

        number: Object.freeze({
          selector: '#braintree-card-number',
          placeholder: this.props.intl.formatMessage({
            id: 'fundraiser.fields.number',
            defaultMessage: 'Card number',

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

        cvv: Object.freeze({
          selector: '#braintree-cvv',
          placeholder: this.props.intl.formatMessage({
            id: 'fundraiser.fields.cvv',
            defaultMessage: 'CVV',

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

        expirationDate: Object.freeze({
          selector: '#braintree-expiration-date',
          placeholder: this.props.intl.formatMessage({
            id: 'fundraiser.fields.expiration_format',
            defaultMessage: 'MM/YY',

• Read up
  Read up