render()

in js/tabs/F8TabsView.js [131:221]
86 lines of code
2 McCabe index (conditional complexity)

  render() {
    let scheduleIcon = SCHEDULE_ICONS.day1.default; // day 1 and fallback
    let scheduleIconSelected = SCHEDULE_ICONS.day1.active; // day 1 and fallback
    if (this.props.day === 2) {
      scheduleIcon = SCHEDULE_ICONS.day2.default;
      scheduleIconSelected = SCHEDULE_ICONS.day2.active;
    }

    return (
      <TabNavigator tabBarStyle={styles.tabBar}>
        <TabNavigator.Item
          title="Schedule"
          titleStyle={styles.tabTitle}
          selectedTitleStyle={styles.tabTitleActive}
          selected={this.props.tab === "schedule"}
          onPress={this.onTabSelect.bind(this, "schedule")}
          renderIcon={_ => this.renderTabIcon(scheduleIcon)}
          renderSelectedIcon={_ => this.renderTabIcon(scheduleIconSelected)}
        >
          <GeneralScheduleView
            now={this.state.now}
            navigator={this.props.navigator}
          />
        </TabNavigator.Item>

        <TabNavigator.Item
          title="My F8"
          titleStyle={styles.tabTitle}
          selectedTitleStyle={styles.tabTitleActive}
          selected={this.props.tab === "myF8"}
          onPress={this.onTabSelect.bind(this, "myF8")}
          renderIcon={_ =>
            this.renderTabIcon(
              require("./schedule/img/tab-icon/my-f8/default.png")
            )}
          renderSelectedIcon={_ =>
            this.renderTabIcon(
              require("./schedule/img/tab-icon/my-f8/active.png")
            )}
        >
          <MyScheduleView
            now={this.state.now}
            navigator={this.props.navigator}
          />
        </TabNavigator.Item>

        <TabNavigator.Item
          title="Demos"
          titleStyle={styles.tabTitle}
          selectedTitleStyle={styles.tabTitleActive}
          selected={this.props.tab === "demos"}
          onPress={this.onTabSelect.bind(this, "demos")}
          renderIcon={_ =>
            this.renderTabIcon(require("./demos/img/tab-icon/default.png"))}
          renderSelectedIcon={_ =>
            this.renderTabIcon(require("./demos/img/tab-icon/active.png"))}
        >
          <F8DemosView navigator={this.props.navigator} />
        </TabNavigator.Item>

        <TabNavigator.Item
          title="Videos"
          titleStyle={styles.tabTitle}
          selectedTitleStyle={styles.tabTitleActive}
          selected={this.props.tab === "videos"}
          onPress={this.onTabSelect.bind(this, "videos")}
          renderIcon={_ =>
            this.renderTabIcon(require("./videos/img/tab-icon/default.png"))}
          renderSelectedIcon={_ =>
            this.renderTabIcon(require("./videos/img/tab-icon/active.png"))}
        >
          <F8VideosView navigator={this.props.navigator} />
        </TabNavigator.Item>

        <TabNavigator.Item
          title="Information"
          titleStyle={styles.tabTitle}
          selectedTitleStyle={styles.tabTitleActive}
          selected={this.props.tab === "info"}
          onPress={this.onTabSelect.bind(this, "info")}
          renderBadge={_ => <TabBadge value={this.props.notificationsBadge} />}
          renderIcon={_ =>
            this.renderTabIcon(require("./info/img/tab-icon/default.png"))}
          renderSelectedIcon={_ =>
            this.renderTabIcon(require("./info/img/tab-icon/active.png"))}
        >
          <F8InfoView navigator={this.props.navigator} />
        </TabNavigator.Item>
      </TabNavigator>
    );
  }