render()

in src/components/Player.js [126:146]

• 18 lines of code
• 1 McCabe index (conditional complexity)

    render() {
        const {isLoading} = this.state
        
        return (
            <Segment basic>
                <Dimmer active={isLoading}>
                    <Loader active={isLoading} inline='centered'>Loading audio...</Loader>
                </Dimmer>

                <div className='waveform'>
                    <div className='wave'></div>
                    <Segment basic floated='left'>
                        <Label content={this.state.audioCurrent} icon="clock outline"/>
                    </Segment>
                    <Segment basic floated='right' fluid='true'>
                        <Label content={this.state.audioDuration} icon="clock"/>
                    </Segment>
                </div>

                <Button.Group labeled icon fluid>
                    <Button icon='play' content='Play' color="green" disabled={this.state.playDisabled} onClick={() => {this.wavesurfer.play()}}/>