appbaseio/reactivesearch

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

Open

    render() {
        return (
            <Container style={this.props.style} className={this.props.className}>
                {this.props.title && (
                    <Title className={getClassName(this.props.innerClass, 'title') || null}>

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

Open

    setValue = (value, props = this.props) => {
        // ignore state updates when component is locked
        if (props.beforeValueChange && this.locked) {
            return;
        }

• Read up
  Read up

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

Open

    componentWillMount() {
        this.props.addComponent(this.props.componentId);
        this.setReact(this.props);

        if (this.props.selectedValue) {

• Read up
  Read up

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

Open

const mapDispatchtoProps = dispatch => ({
    addComponent: component => dispatch(addComponent(component)),
    removeComponent: component => dispatch(removeComponent(component)),
    updateQuery: updateQueryObject => dispatch(updateQuery(updateQueryObject)),
    watchComponent: (component, react) => dispatch(watchComponent(component, react)),

• Read up
  Read up

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

Open

                        <Button
                            className={getClassName(this.props.innerClass, 'button') || null}
                            onClick={this.incrementValue}
                            disabled={this.state.currentValue === this.props.data.end}
                        >

• Read up
  Read up

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

Open

                        <Button
                            className={getClassName(this.props.innerClass, 'button') || null}
                            onClick={this.decrementValue}
                            disabled={this.state.currentValue === this.props.data.start}
                        >

• Read up
  Read up

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

Open

    incrementValue = () => {
        if (this.state.currentValue === this.props.data.end) {
            return;
        }
        const { currentValue } = this.state;

• Read up
  Read up

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

Open

    decrementValue = () => {
        if (this.state.currentValue === this.props.data.start) {
            return;
        }
        const { currentValue } = this.state;

• Read up
  Read up

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

Open

                {this.props.title && (
                    <Title className={getClassName(this.props.innerClass, 'title') || null}>
                        {this.props.title}
                    </Title>
                )}

• Read up
  Read up

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

Open

const mapStateToProps = (state, props) => ({
    selectedValue: state.selectedValues[props.componentId]
        ? state.selectedValues[props.componentId].value
        : null,
});

• Read up
  Read up

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

Open

        checkPropChange(this.props.queryFormat, nextProps.queryFormat, () => {
            this.updateQuery(this.state.currentValue, nextProps);
        });

• Read up
  Read up