render()

in js/tabs/maps/F8MapView.js [54:98]

• 44 lines of code
• 4 McCabe index (conditional complexity)

  render() {
    const { map } = this.state;
    const { map1, map2 } = this.props;

    return (
      <ListContainer title="Map" headerBackgroundColor={F8Colors.purple}>
        <View style={styles.container}>
          <MapView
            width={WINDOW_WIDTH}
            height={MAP_HEIGHT}
            zoomable={true}
            map={map}
          />
          <ActionsOverlay
            gradientColors={[
              F8Colors.colorWithAlpha("bianca", 0),
              F8Colors.bianca
            ]}
            style={styles.nav}
            buttonContainerStyles={styles.navBtnContainer}
          >
            <F8Button
              theme={map.name === map1.name ? "maps" : "mapsInactive"}
              type="small"
              caption={map1.name}
              onPress={_ => this.switchMap(map1.name)}
            />
            <F8Button
              theme={map.name === map2.name ? "maps" : "mapsInactive"}
              type="small"
              caption={map2.name}
              onPress={_ => this.switchMap(map2.name)}
            />
            <F8Button
              style={{ position: "absolute", right: 14, top: 0 }}
              theme="blue"
              type="round"
              icon={require("../../common/img/buttons/icon-x.png")}
              onPress={_ => this.props.navigator && this.props.navigator.pop()}
            />
          </ActionsOverlay>
        </View>
      </ListContainer>
    );
  }