render()

in js/tabs/schedule/FriendsScheduleView.js [60:107]

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

  render() {
    const backItem = {
      title: "Back",
      layout: "icon",
      icon: require("../../common/img/header/back-blue.png"),
      onPress: () => this.props.navigator.pop()
    };
    const firstName = this.props.friend.name.split(" ")[0];
    return (
      <View style={{ flex: 1 }}>
        <StatusBar barStyle="dark-content" animated={true} />
        <ListContainer
          title={`${firstName}'s Schedule`}
          headerBackgroundColor={F8Colors.bianca}
          headerTitleColor={F8Colors.blue}
          headerItemsColor={F8Colors.blue}
          segmentedBorderColor={F8Colors.blue}
          segmentedTextColor={F8Colors.sapphire2}
          navItem={backItem}
        >
          <ScheduleListView
            title="Day 1"
            day={1}
            sessions={this.props.sessions}
            renderEmptyList={this.renderEmptyList}
            renderFooter={_ => <F8TimelineBackground />}
            navigator={this.props.navigator}
          />
          <ScheduleListView
            title="Day 2"
            day={2}
            sessions={this.props.sessions}
            renderEmptyList={this.renderEmptyList}
            renderFooter={_ => <F8TimelineBackground />}
            navigator={this.props.navigator}
          />
        </ListContainer>
        <MessengerChatHead
          user={this.props.friend}
          style={{
            position: "absolute",
            right: 12,
            bottom: 18
          }}
        />
      </View>
    );
  }