appbaseio/reactivesearch

File GeoDistanceDropdown.js has 495 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React, { Component } from 'react';
import Downshift from 'downshift';
import { withTheme } from 'emotion-theming';

import {

GeoDistanceDropdown has 22 functions (exceeds 20 allowed). Consider refactoring.

Open

class GeoDistanceDropdown extends Component {
    constructor(props) {
        super(props);

        this.state = {

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

Open

    componentWillReceiveProps(nextProps) {
        checkPropChange(this.props.react, nextProps.react, () => this.setReact(nextProps));

        checkSomePropChange(this.props, nextProps, ['dataField', 'nestedField'], () => {
            this.updateQuery(this.state.currentDistance, nextProps);

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

Open

    renderSearchBox = () => {
        let suggestionsList = [...this.state.suggestions];
        const { theme, themePreset } = this.props;

        if (this.state.userLocation) {

• Read up
  Read up

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

Open

GeoDistanceDropdown.propTypes = {
    addComponent: types.funcRequired,
    mapKey: types.stringRequired,
    removeComponent: types.funcRequired,
    selectedValue: types.selectedValue,

• Read up
  Read up

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

Open

    onInputChange = (e) => {
        const { value } = e.target;
        this.setState({
            currentLocation: value,
        });

• Read up
  Read up

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

Open

    getUserLocation() {
        navigator.geolocation.getCurrentPosition((location) => {
            const coordinates = `${location.coords.latitude}, ${location.coords.longitude}`;

            fetch(

• Read up
  Read up

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

Open

    getCoordinates(value, cb) {
        if (value) {
            fetch(
                `https://maps.googleapis.com/maps/api/geocode/json?key=${
                    this.props.mapKey

• Read up
  Read up

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

Open

    defaultQuery = (coordinates, distance, props) => {
        let query = null;
        if (coordinates && distance) {
            query = {
                [this.type]: {

• Read up
  Read up

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

Open

        } else if (this.props.defaultSelected) {
            this.setState({
                currentLocation: this.props.defaultSelected.location,
            });
            this.getCoordinates(this.props.defaultSelected.location, () => {

• Read up
  Read up

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

Open

        if (this.props.selectedValue) {
            this.setState({
                currentLocation: this.props.selectedValue.location,
            });
            this.getCoordinates(this.props.selectedValue.location, () => {

• 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

const mapStateToProps = (state, props) => ({
    mapKey: state.config.mapKey,
    selectedValue:
        (state.selectedValues[props.componentId]
            && state.selectedValues[props.componentId].value)

• Read up
  Read up

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

Open

        } else if (
            nextProps.selectedValue
            && nextProps.selectedValue.label
            && nextProps.selectedValue.location
            && !isEqual(this.state.currentLocation, nextProps.selectedValue.location)

• Read up
  Read up

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

Open

        props.updateQuery({
            componentId: props.componentId,
            query: query(this.coordinates, distance, props),
            value,
            label: props.filterLabel,

• Read up
  Read up

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

Open

    handleStateChange = (changes) => {
        const { isOpen, type } = changes;
        if (type === Downshift.stateChangeTypes.mouseUp) {
            this.setState({
                isOpen,

• 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

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

Open

    handleFocus = (event) => {
        this.setState({
            isOpen: true,
        });
        if (this.props.onFocus) {

• Read up
  Read up

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

Open

        if (
            nextProps.defaultSelected
            && nextProps.defaultSelected.label
            && nextProps.defaultSelected.location
            && !isEqual(this.props.defaultSelected, nextProps.defaultSelected)

• Read up
  Read up

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

Open

    renderIcon = () => {
        if (this.props.showIcon) {
            return this.props.icon || <SearchSvg />;
        }
        return null;

• Read up
  Read up