render() {
    return (
      <View style={[
        MessageStyles.contactInfoContainer,
        BaseStyles.darkestBg,
        BaseStyles.paddingVert,
        BaseStyles.paddingHorz,
        BaseStyles.row,
        BaseStyles.jusitifiedCols,
        BaseStyles.verticalCenteredCols
      ]}>
        <View style={[
          MessageStyles.contactInfo,
          BaseStyles.col1,
          BaseStyles.row
        ]}>
          {this.getContactOnlineStatus()}
          {this.getContactName()}
        </View>
        {this.getContactOptions()}
      </View>
    )
  }
/**
   * Render the contact information component.
   *
   * @return {object} component
   */
Render the contact information component.
@return {object} component
Render the contact information component . @return { object } component
render() {
    return (
      <View style={[
        MessageStyles.contactInfoContainer,
        BaseStyles.darkestBg,
        BaseStyles.paddingVert,
        BaseStyles.paddingHorz,
        BaseStyles.row,
        BaseStyles.jusitifiedCols,
        BaseStyles.verticalCenteredCols
      ]}>
        <View style={[
          MessageStyles.contactInfo,
          BaseStyles.col1,
          BaseStyles.row
        ]}>
          {this.getContactOnlineStatus()}
          {this.getContactName()}
        </View>
        {this.getContactOptions()}
      </View>
    )
  }
render ( ) { return ( < View style = { [ MessageStyles . contactInfoContainer , BaseStyles . darkestBg , BaseStyles . paddingVert , BaseStyles . paddingHorz , BaseStyles . row , BaseStyles . jusitifiedCols , BaseStyles . verticalCenteredCols ] } > < View style = { [ MessageStyles . contactInfo , BaseStyles . col1 , BaseStyles . row ] } > { this . getContactOnlineStatus ( ) } { this . getContactName ( ) } < / View > { this . getContactOptions ( ) } < / View > ) }
Render the contact information component.
Render the contact information component .