src/components/UserProfile.js
/**
   * ### Render
   *
   * @return {Component} Display the User Profile
   */
Render
@return {Component} Display the User Profile
Render @return { Component } Display the User Profile
render() {
    const { profileImage, name, bio } = this.props.userProfile
    let placeholder = <Text>Hi there buddy,
      Fetching the user profile fresh from the oven, only for you!
      Alrighty it's almost here now, here we go!</Text>
    return (
      <View style={styles.container}>
        <View style={styles.avatar}>
          {profileImage && <Avatar
            large
            rounded
            source={{uri: profileImage}}
            onPress={() => console.log('Show full screen avatar')}
            activeOpacity={0.7}/>}
        </View>
        <View style={styles.info}>
          <Text style={styles.name}>{name}</Text>
          <View style={styles.bio}>
            <Hyperlink onPress={ url => alertUrl(url) }
                linkify={linkify}
                linkStyle={styles.link}>
              <ReadMore
                  numberOfLines={3}
                  onReady={this._handleTextReady}>
                  <Text style={ { fontSize: 15 } }>
                    {bio ? bio : placeholder}
                  </Text>
              </ReadMore>
            </Hyperlink>
          </View>
        </View>
      </View>
    )
  }
render ( ) { const { profileImage , name , bio } = this . props . userProfile let placeholder = < Text > Hi there buddy,
      Fetching the user profile fresh from the oven, only for you!
      Alrighty it's almost here now, here we go! < / Text > return ( < View style = { styles . container } > < View style = { styles . avatar } > { profileImage && < Avatar large rounded source = { { uri : profileImage } } onPress = { ( ) => console . log ( 'Show full screen avatar' ) } activeOpacity = { 0.7 } / > } < / View > < View style = { styles . info } > < Text style = { styles . name } > { name } < / Text > < View style = { styles . bio } > < Hyperlink onPress = { url => alertUrl ( url ) } linkify = { linkify } linkStyle = { styles . link } > < ReadMore numberOfLines = { 3 } onReady = { this . _handleTextReady } > < Text style = { { fontSize : 15 } } > { bio ? bio : placeholder } < / Text > < / ReadMore > < / Hyperlink > < / View > < / View > < / View > ) }
### Render
 @return {Component} Display the User Profile
### Render @return { Component } Display the User Profile