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

Open

  render () {
    return (
      <div ref={this.sliderRef}>
        <ScrubberWrapper>
          {!this.props.hideLabel ? (

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

Open

  render () {
    return (
      <AudioControlsContainer>
        <TimeSliderContainer>
          <TimeSlider

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

Open

  render () {
    const { classes, showSignin } = this.props
    const { handleSubmit, handleChange } = this
    return (
      <div>

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

Open

  render () {
    const {
      className,
      results,
      resultCount,

File AudioPlayer.js has 268 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import styled from 'styled-components'
import React from 'react'
import { actions } from 'mirrorx'
import Mousetrap from 'mousetrap'
 
 

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

Open

  render () {
    const { classes, showSignup } = this.props
    const { handleSubmit, handleChange } = this
    return (
      <div>

Function eventTracking has 48 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const eventTracking = mirror.hook((action, getState) => {
  switch (action.type) {
    case 'player/addToQueue':
      const toAddAudioUrl = action.data.audioUrl
      gtag('event', 'add_to_queue', {

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

Open

  render () {
    const { className, history } = this.props
    return (
      <div className={className}>
        <div className='innerContent'>

Function search has 32 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    async search (searchTerm) {
      actions.search.startLoading()
      const url =
        config.corsProxy +
        config.searchSettings.baseUrl

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

Open

  render () {
    const {
      currentSearch,
      nowPlaying,
      queue,

Avoid too many return statements within this function.

Open

    return 0

Function eventTracking has a Cognitive Complexity of 6 (exceeds 5 allowed). Consider refactoring.

Open

export const eventTracking = mirror.hook((action, getState) => {
  const queue = getState().player.queue
 
  if (action.type.startsWith('player')) {
    if (action.type === 'player/removeFromQueue' && queue.length === 0) {

• Read up
  Read up