Rendering authors properly

belen-pruvost · Jun 11, 2020 · 5f88d18 · 5f88d18
1 parent 9efd47a
commit 5f88d18
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/images/my-library.png b/images/my-library.png
diff --git a/images/search.png b/images/search.png
diff --git a/src/components/Book.js b/src/components/Book.js
@@ -7,6 +7,13 @@ class Book extends Component {
     onShelfChange: PropTypes.func.isRequired,
   };
 
+  getAuthors = (authors) => {
+    if (authors) {
+    return authors.join(', ')
+    }
+    return ''
+  }
+
   render() {
     const { book, onShelfChange } = this.props;
 
@@ -38,7 +45,7 @@ class Book extends Component {
           </div>
         </div>
         <div className="book-title">{book.title}</div>
-        <div className="book-authors">{book.authors}</div>
+        <div className="book-authors">{this.getAuthors(book.authors)}</div>
       </div>
     );
   }