bookbrainz/bookbrainz-site

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

Open

    render() {
        return (
            <Row>
                <Col lg={{offset: 3, span: 6}}>
                    <form

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

Open

    handleChange = event => {
        if (!event.target.value.match(/^ +$/) && event.target.value !== this.state.query) {
            this.setState({query: event.target.value}, this.debouncedTriggerOnSearch);
        }
    };

• Read up
  Read up

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

Open

        if (prevProps.query !== this.props.query) {
            // eslint-disable-next-line react/no-did-update-set-state
            this.setState({query: this.props.query});
        }

• Read up
  Read up

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

Open

                                <Form.Control
                                    name="q"
                                    type="text"
                                    value={this.state.query}
                                    onChange={this.handleChange}

• Read up
  Read up

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

Open

const SearchButton = (
    <Button
        block
        type="submit"
        variant="success"

• Read up
  Read up