renderRow(rowData) {
    return (
      <TouchableHighlight
        style={[
          ProfileStyles.boutiquePress,
          BaseStyles.paddingVert,
          BaseStyles.paddingHorz
        ]}
        underlayColor="#ccc"
        onPress={this.actions.routes.boutiqueProfile(rowData)}>
          <View style={[
            ProfileStyles.boutique,
            BaseStyles.row,
            BaseStyles.col,
            BaseStyles.verticalCenteredCols
          ]}>
            <UserPhoto
              style={[
                BaseStyles.marginBottom
              ]}
              user={rowData.boutique}
              photoSize="small" />
            <Text style={[
              ProfileStyles.boutiqueTitle,
              BaseStyles.textCenter,
              BaseStyles.textDark,
              BaseStyles.textCenter,
              BaseStyles.sansSerifMedium,
              BaseStyles.fontExtraSmall
            ]}>
              {String(rowData.boutique.name).toUpperCase()}
            </Text>
          </View>
      </TouchableHighlight>
    )
  }
/**
   * Render the user boutique component.
   *
   * @param {object} rowData - the user boutique record data
   * @return {object} component
   */
Render the user boutique component.
@param {object} rowData - the user boutique record data
@return {object} component
Render the user boutique component . @param { object } rowData - the user boutique record data @return { object } component
renderRow(rowData) {
    return (
      <TouchableHighlight
        style={[
          ProfileStyles.boutiquePress,
          BaseStyles.paddingVert,
          BaseStyles.paddingHorz
        ]}
        underlayColor="#ccc"
        onPress={this.actions.routes.boutiqueProfile(rowData)}>
          <View style={[
            ProfileStyles.boutique,
            BaseStyles.row,
            BaseStyles.col,
            BaseStyles.verticalCenteredCols
          ]}>
            <UserPhoto
              style={[
                BaseStyles.marginBottom
              ]}
              user={rowData.boutique}
              photoSize="small" />
            <Text style={[
              ProfileStyles.boutiqueTitle,
              BaseStyles.textCenter,
              BaseStyles.textDark,
              BaseStyles.textCenter,
              BaseStyles.sansSerifMedium,
              BaseStyles.fontExtraSmall
            ]}>
              {String(rowData.boutique.name).toUpperCase()}
            </Text>
          </View>
      </TouchableHighlight>
    )
  }
renderRow ( rowData ) { return ( < TouchableHighlight style = { [ ProfileStyles . boutiquePress , BaseStyles . paddingVert , BaseStyles . paddingHorz ] } underlayColor = "#ccc" onPress = { this . actions . routes . boutiqueProfile ( rowData ) } > < View style = { [ ProfileStyles . boutique , BaseStyles . row , BaseStyles . col , BaseStyles . verticalCenteredCols ] } > < UserPhoto style = { [ BaseStyles . marginBottom ] } user = { rowData . boutique } photoSize = "small" / > < Text style = { [ ProfileStyles . boutiqueTitle , BaseStyles . textCenter , BaseStyles . textDark , BaseStyles . textCenter , BaseStyles . sansSerifMedium , BaseStyles . fontExtraSmall ] } > { String ( rowData . boutique . name ) . toUpperCase ( ) } < / Text > < / View > < / TouchableHighlight > ) }
Render the user boutique component.
Render the user boutique component .