Function Block has a Cognitive Complexity of 24 (exceeds 5 allowed). Consider refactoring.

Open

const Block = (props) => {
const updateBlock = (valueKey, value) => {
    const toPass = { ...props.block };
    toPass[valueKey] = value;
    delete toPass.deleteBlock;

• Read up
  Read up

Function timeline has 85 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function timeline(state = initialState, action) {
  switch (action.type) {
    case SAVED_TIMELINE:
    case RECEIVE_TIMELINE: {
      return {

Function renderGraph has 84 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const renderGraph = (statsData, graphWidth, graphHeight, courseStringPrefix) => {
  const vegaSpec = {
    width: graphWidth,
    height: graphHeight,
    padding: { top: 40, left: 70, right: 20, bottom: 35 },

CourseCreator has 28 functions (exceeds 20 allowed). Consider refactoring.

Open

const CourseCreator = createReactClass({
  displayName: 'CourseCreator',

  propTypes: {
    course: PropTypes.object.isRequired,

Function uploads has 82 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function uploads(state = initialState, action) {
  switch (action.type) {
    case RECEIVE_UPLOADS: {
      const dataUploads = action.data.course.uploads;
      // Intial sorting by upload date

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

Open

  render() {
    if (this.props.readOnly) {
      const lastIndex = this.props.wikis.length - 1;

      const wikiList = map(this.props.wikis, (wiki, index) => {

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

Open

import { createSelector } from 'reselect';
import { sortBy, difference, uniq, filter, includes, pickBy, find } from 'lodash-es';
import { getFiltered } from '../utils/model_utils';
import { STUDENT_ROLE, INSTRUCTOR_ROLE, ONLINE_VOLUNTEER_ROLE, CAMPUS_VOLUNTEER_ROLE, STAFF_ROLE, fetchStates, ARTICLES_PER_PAGE, REVIEWING_ROLE } from '../constants';
import UserUtils from '../utils/user_utils.js';

Function render has a Cognitive Complexity of 23 (exceeds 5 allowed). Consider refactoring.

Open

  render() {
    const modifiers = {
      ['outrange']: (day) => {
        return !this.inrange(day);
      },

• Read up
  Read up

Function AvailableArticles has 81 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const AvailableArticles = (props) => {
  useEffect(() => {
    const project = props.course.home_wiki.project;
    document.title = `${props.course.title} - ${ArticleUtils.I18n('available', project)}`;
  }, []);

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

Open

  render() {
    const dateProps = CourseDateUtils.dateProps(this.props.course);

    const step1 = this.props.shouldShowSteps
      ? <h2><span>1.</span><small> Confirm the course’s start and end dates.</small></h2>

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

Open

  render() {
    const panelCount = this.props.panels.length;
    const panels = this.props.panels.map((panel, i) => {
      const active = this.props.activePanelIndex === i;
      const stepNumber = i + 1;

Function Article has a Cognitive Complexity of 22 (exceeds 5 allowed). Consider refactoring.

Open

const Article = ({ article, index, course, fetchArticleDetails, updateArticleTrackedStatus, articleDetails, wikidataLabel,
  showOnMount, setSelectedIndex, lastIndex, selectedIndex, pageLogsMessage, deletedMessage, current_user }) => {
  const [tracked, setTracked] = useState(article.tracked);

  const fetchMissingArticleDetails = () => {

• Read up
  Read up

Function EnrollButton has a Cognitive Complexity of 22 (exceeds 5 allowed). Consider refactoring.

Open

const EnrollButton = ({ users, role, course, current_user, allowed, inline }) => {
  const usernameRef = useRef(null);
  const realNameRef = useRef(null);
  const roleDescriptionRef = useRef(null);

• Read up
  Read up

Function InputHOC has 77 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const InputHOC = (Component) => {
  const validatingComponent = createReactClass({
    displayName: `Input${Component.displayName}`,

    // value passed is HOC's state value

Function onload has 75 lines of code (exceeds 25 allowed). Consider refactoring.

Open

window.onload = () => {
  const createCampaignButton = document.querySelector('.create-campaign-button');
  const createModalWrapper = document.querySelector('.create-modal-wrapper');
  const wizardPanel = document.querySelector('.wizard__panel');

File article_finder_language_mappings.js has 289 lines of code (exceeds 250 allowed). Consider refactoring.

Open

export const PageAssessmentGrades = {
  wikipedia: {
    en: {
      FA: {
        class: 'fa',

Function default has 73 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function (state = initialState, action) {
  switch (action.type) {
    case DELETE_TICKET: {
      const all = removeTicket(state.all, action.id);
      return {

Function render has a Cognitive Complexity of 21 (exceeds 5 allowed). Consider refactoring.

Open

  render() {
    if (this.props.readOnly) {
      const lastIndex = this.props.wikis.length - 1;

      const wikiList = map(this.props.wikis, (wiki, index) => {

• Read up
  Read up

File diff_viewer.jsx has 287 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React from 'react';
import createReactClass from 'create-react-class';
import PropTypes from 'prop-types';
import SalesforceMediaButtons from '../articles/salesforce_media_buttons.jsx';
import Loading from '../common/loading.jsx';

File date_picker.jsx has 286 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React from 'react';
import createReactClass from 'create-react-class';
import PropTypes from 'prop-types';
import DayPicker from 'react-day-picker';
import OnClickOutside from 'react-onclickoutside';