added render check to book detail

c-Nosetab · Jan 1, 2016 · 879db70 · 879db70
1 parent 63d3b8a
commit 879db70
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 5 deletions.
diff --git a/book_list/src/containers/book-detail.js b/book_list/src/containers/book-detail.js
@@ -3,8 +3,16 @@ import { connect } from 'react-redux';
 
 class BookDetail extends Component {
   render() {
+    if (!this.props.book) {
+      return <div>Select a book to get started.</div>;
+    }
+
     return (
-      <div>Book Detail!</div>
+      <div>
+        <h3>Details for:</h3>
+        <div>Title: {this.props.book.title}</div>
+        <div>Pages: {this.props.book.pages}</div>
+      </div>
     );
   }
 }

diff --git a/book_list/src/reducers/reducer_books.js b/book_list/src/reducers/reducer_books.js
@@ -1,8 +1,8 @@
 export default function() {
   return [
-    { title: 'Javascript: The Good Parts' },
-    { title: 'Harry Potter' },
-    { title: 'The Dark Tower' },
-    { title: 'Eloquent Ruby' }
+    { title: 'Javascript: The Good Parts', pages: 101 },
+    { title: 'Harry Potter', pages: 39 },
+    { title: 'The Dark Tower', pages: 85 },
+    { title: 'Eloquent Ruby', pages: 1 }
   ];
 }