oysterprotocol/webinterface

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

Open

  render() {
    const {
      alphaBroker,
      betaBroker,
      selectAlphaBroker,

File upload-slide.tsx has 277 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React, { Component } from "react";
import Select from "react-select";
import "react-select/dist/react-select.css";

import { API, FILE } from "../../config";

Function spunkySlider has 53 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    spunkySlider: function() {
        var el = $(this);
        
        //default color values
        localStorage.setItem('r','14');

Function uploadReducer has 47 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const uploadReducer = (state = initState, action) => {
  switch (action.type) {
    case navigationActions.VISIT_UPLOAD_FORM:
      return initState; // resets state.

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

Open

  render() {
    const { download, status } = this.props;
    const ICON_DOWNLOAD = require("../../assets/images/icon_download.png");
    return (
      <Slide title="Retrieve a File" image={ICON_DOWNLOAD}>

Function streamUploadEpic has 43 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  action$.ofType(uploadActions.UPLOAD).mergeMap(action => {
    const {
      file,
      retentionYears,
      brokers: { alpha, beta }

Function reducer has 38 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const reducer = (state = initState, action) => {
  switch (action.type) {
    case uploadActions.PAYMENT_CONFIRMED: {
      const { filename, handle, numberOfChunks } = action.payload;
      const now = Date.now();

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

Open

                onChange={event => {
                  let retentionYears = event.target.value;
                  selectRetentionYears(retentionYears);
                  this.setState({
                    storageCost: this.calculateStorageCost(

• Read up
  Read up

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

Open

                onChange={event => {
                  let retentionYears = event.target.value;
                  selectRetentionYears(retentionYears);
                  this.setState({
                    storageCost: this.calculateStorageCost(

• Read up
  Read up

Avoid too many return statements within this function.

Open

      return { ...state, handle: handle, uploadProgress: 100 };