albums show up.. Need to be formatted and fetched from server.

Author: dbmarch

src/components/album/album-gallery.jsx

@@ -5,15 +5,13 @@ import map from 'lodash/map'
 import Container from 'react-bootstrap/Container'
 import Album from './album.jsx'
 
-const AlbumGallery = gallery => {
-	console.info('gallery')
-
+const AlbumGallery = ({ gallery }) => {
 	return (
 		<div className="album-gallery">
 			<h3>Albums</h3>
 			<Container>
-				{!isEmpty(gallery) && map(gallery, album => <Album key={album.name} name={album.name} />)}
-				<Album create />
+				{!isEmpty(gallery) && map(gallery, (album, index) => <Album key={index} name={album.name} />)}
+				<Album key="new" create />
 			</Container>
 		</div>
 	)

src/components/album/album.jsx

@@ -1,8 +1,6 @@
 import React from 'react'
 
 const Album = ({ create, name }) => {
-	console.info('Console name: ', name)
-
 	const getAlbumName = () => {
 		console.info('get name')
 	}

src/containers/pages/home-page.jsx

@@ -5,13 +5,12 @@ import AlbumGallery from '../../components/album/album-gallery'
 import PhotoCard from '../../components/photo/photo-card'
 
 const HomePage = ({ albums }) => {
+	console.info(albums)
+
 	return (
 		<div>
 			<h2>Home Page</h2>
 
-			<br />
-			<br />
-			<br />
 			<PhotoCard title="Photo Title" description="This is some text" />
 
 			<AlbumGallery gallery={albums} />
@@ -21,7 +20,7 @@ const HomePage = ({ albums }) => {
 
 const mapStateToProps = state => {
 	return {
-		albums: () => getAlbumList(state),
+		albums: getAlbumList(state),
 	}
 }