SumOfUs/Champaign

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

Open

  render() {
    return (
      <div className="email-target">
        <div className="email-target-form">
          <form onSubmit={this.onSubmit} className="action-form form--big">

File EmailPensionView.js has 512 lines of code (exceeds 250 allowed). Consider refactoring.

Open

//
import React, { Component } from 'react';
import { isEmpty, find, template, merge, each, pick, join } from 'lodash';

import { connect } from 'react-redux';

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

Open

            <div className="EmailToolView-note">
              <div className="section title">
                <FormattedMessage
                  id="email_tool.form.choose_email_service"
                  defaultMessage="If you have not set up an email client or the above button does not open your email, please use the following instructions."

• Read up
  Read up

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

Open

    MailerClient.sendPensionEmail({ page_id: this.props.pageId, payload }).then(
      response => {
        window.location.href = URI(`${response.data.follow_up_page}`);
      },
      ({ errors }) => {

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

              <EmailEditor
                errors={this.state.errors}
                body={this.props.emailBody}
                header={this.props.emailHeader}
                footer={this.props.emailFooter}

• Read up
  Read up

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

Open

  handleSendEmail = () => {
    const emailParam = {
      emailService: this.state.emailService,
      toEmails: this.composeTargetAddress(),
      subject: this.props.emailSubject,

• Read up
  Read up

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

Open

    fields.forEach(field => {
      if (isEmpty(this.props[field])) {
        const location = `email_tool.form.errors.${field}`;
        const message = <FormattedMessage id={location} />;
        errors[field] = message;

• Read up
  Read up

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

Open

            {consent.isRequired(
              this.props.countryCode,
              window.champaign.personalization.member
            ) && (
              <ConsentComponent

• Read up
  Read up

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

Open

  errorNotice = () => {
    if (!isEmpty(this.state.errors)) {
      return (
        <span className="error-msg left-align">
          <FormattedMessage id="email_tool.form.errors.message" />

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

    each(this.defaultTemplateVars, (val, key) => {
      if (vars[key] === undefined || vars[key] === '') {
        vars[key] = val;
      }
    });

• Read up
  Read up