quran/quran.com-frontend

Function renderRangeAyahs has 72 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  renderRangeAyahs() {
    const { chapter, repeat, setRepeat } = this.props;
    const array = Array(chapter.versesCount).join().split(',');

    return (

File index.js has 269 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React, { Component, PropTypes } from 'react';
import * as customPropTypes from 'customPropTypes';
import OverlayTrigger from 'react-bootstrap/lib/OverlayTrigger';
import Popover from 'react-bootstrap/lib/Popover';
import Nav from 'react-bootstrap/lib/Nav';

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

Open

  render() {
    const { repeat } = this.props;

    const popover = (
      <Popover

Function renderTimes has 36 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  renderTimes() {
    const { repeat, setRepeat, intl } = this.props;
    const times = Array(10).join().split(',');

    return (

Function renderSingleAyah has 30 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  renderSingleAyah() {
    const { repeat, setRepeat, chapter } = this.props;
    const array = Array(chapter.versesCount).join().split(',');

    return (

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

Open

          <FormControl
            componentClass="select"
            value={repeat.times}
            onChange={event =>
              setRepeat({

• Read up
  Read up

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

Open

            <FormControl
              componentClass="select"
              value={repeat.to}
              onChange={event =>
                setRepeat({ ...repeat, to: parseInt(event.target.value, 10) })}

• Read up
  Read up

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

Open

                  if (index + 1 < chapter.versesCount) { // Exclude last verse
                    options.push(
                      <option key={index} value={index + 1}>
                        {index + 1}
                      </option>

• Read up
  Read up

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

Open

                  if ((repeat.from ? repeat.from : 1) < index + 1 && index + 1 <= chapter.versesCount) { // eslint-disable-line max-len
                    options.push(
                      <option key={index} value={index + 1}>
                        {index + 1}
                      </option>

• Read up
  Read up

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

Open

            {times.map((ayah, index) => (
              <option key={index} value={index + 1}>
                {index + 1}
              </option>
            ))}

• Read up
  Read up

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

Open

          {array.map((ayah, index) => (
            <option key={index} value={index + 1}>
              {index + 1}
            </option>
          ))}

• Read up
  Read up

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

Open

            <NavItem eventKey={2} title="Range" className={style.pill}>
              <LocaleFormattedMessage
                id="player.repeat.range"
                defaultMessage="Range"
              />

• Read up
  Read up

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

Open

            <NavItem eventKey={1} title="Single Ayah" className={style.pill}>
              <LocaleFormattedMessage
                id="player.repeat.single"
                defaultMessage="Single"
              />

• Read up
  Read up