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

Open

  render() {
    return (
      <div className="content-container content-container-about-scene">
        <h1 className="page-title">About</h1>
        <div className="content-container-columns">

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

Open

  render() {
    return (
      <div className="content-container full-width-content-container content-container-home-scene">
        <div className="section intro">
          <div className="section-inner-container">

File About.js has 1216 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 { SocialIcon } from "react-social-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";

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

Open

  render() {
    return (
      <div className="content-block section" id="faq">
        <h2 className="content-block-heading">Frequently asked questions</h2>
        <div className="content-block-content">

File Home.js has 1040 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React, { Component } from "react";
import { Link } from "react-router-dom";
import { HashLink } from "react-router-hash-link";
import { scrollTo } from "~/utils/utils";

Function formatData has a Cognitive Complexity of 122 (exceeds 5 allowed). Consider refactoring.

Open

  static formatData(query, organism, rawData) {
    const formattedData = [];
    for (const rawDatum of rawData) {
      if ("halflives" in rawDatum && rawDatum.halflives) {
        const measurements = rawDatum.halflives;

• Read up
  Read up

Function formatData has a Cognitive Complexity of 81 (exceeds 5 allowed). Consider refactoring.

Open

  static formatData(query, organism, rawData) {
    const formattedData = [];
    for (const metabolite of rawData) {
      if ("concentrations" in metabolite && metabolite.concentrations) {
        for (const metConc of metabolite["concentrations"]) {

• Read up
  Read up

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

Open

  render() {
    return (
      <div className="content-block section" id="tutorial">
        <h2 className="content-block-heading">Tutorial</h2>
        <div className="content-block-content">

Function getColDefs has 277 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  static getColDefs(query, organism, formattedData, taxonomicRanks) {
    const colDefs = [];

    // k_cat column
    let hasKcat = false;

File Faq.js has 594 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React, { Component } from "react";
import { Link } from "react-router-dom";
import { HashLink } from "react-router-hash-link";
import { scrollTo } from "~/utils/utils";

File RateConstantsDataTable.js has 571 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React, { Component } from "react";
import PropTypes from "prop-types";
import { upperCaseFirstLetter } from "~/utils/utils";
import DataTable from "../DataTable/DataTable";
import { HtmlColumnHeader } from "../HtmlColumnHeader";

Function processDescriptionFromUniprot has a Cognitive Complexity of 54 (exceeds 5 allowed). Consider refactoring.

Open

  static processDescriptionFromUniprot(query, data) {
    if (data == null || data.length === 0) {
      return MetadataSection.blankResponse;
    }

• Read up
  Read up

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

Open

  render() {
    return (
      <div className="content-container content-container-help-scene">
        <h1 className="page-title">Help</h1>
        <div className="content-container-columns">

Function getColDefs has 169 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  static getColDefs(query, organism, formattedData, taxonomicRanks) {
    const colDefs = [
      {
        headerName: "Concentration",
        field: "value",

Function formatMetadata has 160 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  static formatMetadata(query, organism, processedData) {
    const sections = [];

    sections.push({
      id: "id",

File DataTable.js has 433 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React, { Component } from "react";
import { withRouter } from "react-router";
import PropTypes from "prop-types";
import axios from "axios";
import { getDataFromApi, genApiErrorHandler } from "~/services/RestApi";

Function configChart has 157 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  configChart() {
    this.chartConfig = {
      type: "boxplot",
      data: {
        labels: ["All", "Filtered", "Selected"],

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 MetadataSection.js has 407 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React, { Component } from "react";
import PropTypes from "prop-types";
import { Link } from "react-router-dom";
import BaseMetadataSection from "../MetadataSection";
import { LoadExternalContent, LoadContent } from "../LoadContent";