UTD-CRSS/app.exploreapollo.org

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

Open

  return (dispatch) => {
    dispatch(fetchMoments());
    fetch(`${config.apiEntry}/api/moments/${momentId}`)
      .then((response) => {
        return response.json();

• Read up
  Read up

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

Open

export function loadPerson({ personId }) {
  return (dispatch) => {
    dispatch(fetchPerson());
    fetch(`${config.apiEntry}/api/people/${personId}`)
      .then((response) => {

• Read up
  Read up

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

Open

export function loadMetrics({ momentId }) {
  return (dispatch) => {
    dispatch(fetchMetrics());
    fetch(`${config.apiEntry}/api/moments/${momentId}/metrics`)
      .then((response) => {

• Read up
  Read up

Function d3ChordDiagram has 101 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default curry(function d3ChordDiagram(speakers, interactions, node) {
  //FIXME should be the innerwidth of the tab container, not the entire window
  var width = window.innerWidth / 2;
  var height = width;
  var innerRadius = Math.min(width, height) * 0.4;

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

Open

          <div className="timeline-scroller">
            <div className="transcript-panel">
              <div className={classes}>
                <div className="panel-heading">
                  <h3 className="panel-title">Transcript</h3>

• Read up
  Read up

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

Open

          <div
            style={{
              position: "absolute",
              top: 0,
              right: 0,

• Read up
  Read up

Function checkDay has 92 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  checkDay() {
    var mstart;
    var mend;
    const day = this.props.missionDay;

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

Open

  render() {
    if (this.props.loading) {
      return (
        <div className="text-center lead">
          <p>Loading Stories...</p>

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

Open

          <div>
            <div style={{ marginTop: "1em", marginLeft: "1em" }}>
              <button
                className="btn btn-lg momentStoryButton"
                style={{ marginBottom: "0.5em" }}

• Read up
  Read up

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

Open

        <div>
          <div style={{ marginTop: "1em", marginLeft: "1em" }}>
            <button className="btn btn-lg momentStoryButton" style={{marginBottom: "0.5em"}}>
              <a href={`/stories/story/${id}`}> Launch</a>
            </button>

• Read up
  Read up

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

Open

import React, { Component } from "react";
import ReactDOM from "react-dom";
import Spinner from "react-spinner";
import { Tab, Tabs, TabList, TabPanel } from "react-tabs";
import config from "../../../config";

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

Open

  async componentDidMount() {
    let currentStoryId = this.props.match.params.storyId;
    const response = await fetch(
      `${config.apiEntry}/api/stories/${currentStoryId}`
    );

• Read up
  Read up

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

Open

  async componentDidMount() {
    let currentStoryId = this.props.match.params.storyId;
    const response = await fetch(
      `${config.apiEntry}/api/stories/${currentStoryId}`
    );

• Read up
  Read up

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

Open

    it("should show a pause while playing", function () {
      const button = shallow(<PlayButton isPlaying={true} />);
      expect(button.find("img").hasClass("pause")).toBe(true);
      expect(button.find("img").hasClass("play")).toBe(false);
    });

• Read up
  Read up

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

Open

    it("should show a play icon when paused", function () {
      const button = shallow(<PlayButton isPlaying={false} />);
      expect(button.find("img").hasClass("play")).toBe(true);
      expect(button.find("img").hasClass("pause")).toBe(false);
    });

• Read up
  Read up

Channels has 27 functions (exceeds 20 allowed). Consider refactoring.

Open

export class Channels extends Component {
  constructor(props) {
    super(props);
    this.state = {
      channelsLoaded: false,

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

Open

  render() {
    const {data, containerWidth} = this.props;

    //Don't render diagram without data
    if(data.series.every(datum => {return datum.value.size < 1;})) {

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

Open

function generateLegend(data) {
  var result = [];
  data.map((datum, index) => result.push(<span key={index} style={{color:D3.schemeCategory10[index]}}>&emsp;{datum.name}&emsp;</span>));
  return result;
}

• Read up
  Read up

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

Open

function generateLegend(data) {
  var result = [];
  data.map((datum, index) => result.push(<span key={index} style={{color:D3.schemeCategory10[index]}}>&emsp;{datum.name}&emsp;</span>));
  return result;
}

• Read up
  Read up

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

Open

  render() {
    const url = "/apollo8/";
    return (
      <div className="app-container"> 
        <AppHeader />