sample-yvette-releases.js

const audioArr = [
  {
    albumName: 'Time Management',
    artwork: 'image.jpg',
    releaseDate: '2015-10-02',
    soundCloudLink: 'http://soundcloud.com/stuff',
    spotifyLink: 'http://spotify.com',
    iTunesLink: 'itunes.com'
  },
  {
    albumName: 'I don\'t need anything from anybody (single)',
    artwork: 'image.jpg',
    releaseDate: '2015-03-30',
    soundCloudLink: 'http://soundcloud.com/stuff',
    spotifyLink: 'http://spotify.com',
    iTunesLink: 'itunes.com'
  },
  {
    albumName: 'Process',
    artwork: 'image.jpg',
    releaseDate: '2015-10-02',
    soundCloudLink: 'http://soundcloud.com/stuff',
    spotifyLink: 'http://spotify.com',
    iTunesLink: 'itunes.com'
  }
]

const Release = ({
  albumName,
  artwork,
  releaseDate,
  soundCloudLink,
  spotifyLink,
  iTunesLink
}) => {
  return (
    <div>
      <img src={artwork}/>
      
      <h3>{albumName}</h3>
      <time>{releaseDate}</time>
      
      <div>
        {soundCloudLink}
      </div>
      <div>
        <a href={spotifyLink}>Spotify</a>
        <a href={iTunesLink}>iTunes</a>
      </div>
    </div>
  )
}

const Audio = ({ releases }) => {
  return (
    releases.map(release => {
      return (
        <Release
          albumName={release.albumName}
          artwork={release.artwork}
          releaseDate={release.releaseDate}
          soundCloudLink={release.soundCloudLink}
          spotifyLink={release.spotifyLink}
          iTunesLink={release.iTunesLink}
        />
      )
    })
  )
}