Better renderLinks

Author: dunglas

client/src/components/book/List.js

@@ -34,6 +34,18 @@ class List extends Component {
     this.props.reset(this.props.eventSource);
   }
 
+  renderLinks = (type, items) => {
+    if (Array.isArray(items)) {
+      return items.map((item, i) => (
+        <div key={i}>{this.renderLinks(type, item)}</div>
+      ));
+    }
+
+    return (
+      <Link to={`../${type}/show/${encodeURIComponent(items)}`}>{items}</Link>
+    );
+  };
+
   render() {
     return (
       <div>
@@ -66,6 +78,7 @@ class List extends Component {
               <th>description</th>
               <th>author</th>
               <th>publicationDate</th>
+              <th>reviews</th>
               <th colSpan={2} />
             </tr>
           </thead>
@@ -83,6 +96,7 @@ class List extends Component {
                   <td>{item['description']}</td>
                   <td>{item['author']}</td>
                   <td>{item['publicationDate']}</td>
+                  <td>{this.renderLinks('reviews', item['reviews'])}</td>
                   <td>
                     <Link to={`show/${encodeURIComponent(item['@id'])}`}>
                       <span className="fa fa-search" aria-hidden="true" />