KarrLab/datanator_frontend

Function componentDidMount has 148 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  componentDidMount() {
    // number of observations of each data type
    const dataTypeData = [];
    dataTypeData.push({
      label: ["Met. concs."],

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

Open

  render() {
    return (
      <div className="content-container content-container-stats-scene">
        <h1 className="page-title">
          Statistics:{" "}

File Stats.js has 383 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React, { Component } from "react";
import { HashLink } from "react-router-hash-link";
import { scrollTo } from "~/utils/utils";
import BarPlot from "./Plot/BarPlot";
import FrequencyPlot from "./Plot/FrequencyPlot";

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

Open

  constructor() {
    super();
    this.state = {
      dataType: {
        labels: [],

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

Open

            <div className="section-columns section-2-columns">
              <div className="section section-column" id="data-type">
                <h2 className="content-block-heading">
                  Distribution of the types of the measurements
                </h2>

• Read up
  Read up

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

Open

            <div className="section-columns section-2-columns">
              <div className="section section-column" id="immediate-source">
                <h2 className="content-block-heading">
                  Immediate sources of the measurements
                </h2>

• Read up
  Read up

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

Open

                  <li>
                    <HashLink scroll={scrollTo} to="#immediate-source">
                      Sources
                    </HashLink>
                    <ul>

• Read up
  Read up

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

Open

                  <li>
                    <HashLink scroll={scrollTo} to="#temperature">
                      Env. conditions
                    </HashLink>
                    <ul>

• Read up
  Read up

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

Open

              <div className="section section-column" id="ph">
                <h2 className="content-block-heading">
                  pH distribution of the measurements
                </h2>
                <div className="content-block-content">

• Read up
  Read up

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

Open

              <div className="section section-column" id="temperature">
                <h2 className="content-block-heading">
                  Temperature distribution of the measurements
                </h2>
                <div className="content-block-content">

• Read up
  Read up