renderHeader()

in src/components/Chat/ChatTranscriptor/ChatMessages/ChatMessage.js [112:159]

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

  renderHeader() {
    const displayName = this.props.messageDetails.displayName;
    const transportDetails = this.props.messageDetails.transportDetails;
    const isOutgoingMsg = this.props.messageDetails.transportDetails.direction === Direction.Outgoing;
    let transportStatusElement = <React.Fragment/>;
    switch (transportDetails.status) {
      case Status.Sending:
        transportStatusElement = (
            <React.Fragment>
              <StatusText>
                <span>Sending</span>
              </StatusText>
            </React.Fragment>
        );
        break;
      case Status.SendSuccess:
        transportStatusElement = (
            <React.Fragment>
              {isOutgoingMsg && <StatusText>
                <span>
                    Sent at
                </span>
              </StatusText>
              }
              {this.timestampToDisplayable(transportDetails.sentTime)}
            </React.Fragment>
        );
        break;
      case Status.SendFailed:
        transportStatusElement = (
            <ErrorText>
              <Icon/>
              <span>
                  Failed to send!
              </span>
            </ErrorText>
        );
        break;
      default:
        transportStatusElement = <React.Fragment/>;
    }
    return (
        <React.Fragment>
          <Header.Sender>{displayName}</Header.Sender>
          <Header.Status>{transportStatusElement}</Header.Status>
        </React.Fragment>
    );
  }