render()

in js/common/F8Header.js [208:259]

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

  render() {
    const {
      navItem,
      leftItem,
      title,
      rightItem,
      backgroundColor,
      titleColor,
      itemsColor
    } = this.props;

    let left;
    if (navItem) {
      if (navItem.back) {
        navItem.icon = require("./img/header/back.png");
      }
      left = (
        <ItemWrapperIOS
          color={itemsColor}
          item={{ ...navItem, layout: "icon" }}
        />
      );
    } else {
      left = <ItemWrapperIOS color={itemsColor} item={leftItem} />;
    }

    const content =
      React.Children.count(this.props.children) === 0 ? (
        <HeaderTitle numberOfLines={1} style={{ color: titleColor }}>
          {title}
        </HeaderTitle>
      ) : (
        this.props.children
      );

    const right = <ItemWrapperIOS color={itemsColor} item={rightItem} />;

    return (
      <View style={[styles.header, { backgroundColor }, this.props.style]}>
        <View style={styles.leftItem}>{left}</View>
        <View
          accessible={true}
          accessibilityLabel={title}
          accessibilityTraits="header"
          style={styles.centerItem}
        >
          {content}
        </View>
        <View style={styles.rightItem}>{right}</View>
      </View>
    );
  }