src/components/UserPhotosSlider.js
/**
   * ### Render
   *
   * @return {Component} Display the sliding user feed photos
   */
Render
@return {Component} Display the sliding user feed photos
Render @return { Component } Display the sliding user feed photos
render() {
    const { userPhotos } = this.props
    let size = {width: width, height: width}
    let placeholder = [0].map(
      (photo, i) => {
        return (
        <View key={i} style={[styles.placeholder, size]}>
        </View>
        )
      }
    )
    let photosRecieved = Boolean(userPhotos[0])
    let photoSlides = userPhotos.map(
      (photo, i) => {
        return (
        <View key={i} style={[styles.photoSlides, size]}>
          <Image key={'image-' + i} source={{uri: photo}} style={size}/>
        </View>
        )
      }
    )
    return (
      <View style={styles.container}>
        <Carousel
            style={size}
            autoplay={false}
            bullets={true}
            bulletsContainerStyle={styles.bulletsContainerStyle}
            chosenBulletStyle={styles.chosenBulletStyle}
            bulletStyle={styles.bulletStyle}
          >
          {photosRecieved ? photoSlides : placeholder}
        </Carousel>
      </View>
    )
  }
render ( ) { const { userPhotos } = this . props let size = { width : width , height : width } let placeholder = [ 0 ] . map ( ( photo , i ) => { return ( < View key = { i } style = { [ styles . placeholder , size ] } > < / View > ) } ) let photosRecieved = Boolean ( userPhotos [ 0 ] ) let photoSlides = userPhotos . map ( ( photo , i ) => { return ( < View key = { i } style = { [ styles . photoSlides , size ] } > < Image key = { 'image-' + i } source = { { uri : photo } } style = { size } / > < / View > ) } ) return ( < View style = { styles . container } > < Carousel style = { size } autoplay = { false } bullets = { true } bulletsContainerStyle = { styles . bulletsContainerStyle } chosenBulletStyle = { styles . chosenBulletStyle } bulletStyle = { styles . bulletStyle } > { photosRecieved ? photoSlides : placeholder } < / Carousel > < / View > ) }
### Render
 @return {Component} Display the sliding user feed photos
### Render @return { Component } Display the sliding user feed photos