Discos con sus versiones

src/components/Artist.jsx

@@ -19,31 +19,31 @@ const Discs = (props) => {
   if (discs) {
     const items = discs.map((disc) => ({
       'cover': <CoverArt disc={disc}/>,
-    'link': `/disc/${disc.id}`,
-    'title': disc.title,
-    'subtitle': disc.artist.name
-  }));
-  discsComponent = <EntityList items={items} grid={true}/>
-}
+      'link': `/disc/${disc.id}`,
+      'title': disc.title,
+      'subtitle': disc.artist.name
+    }));
+    discsComponent = <EntityList items={items} grid={true}/>
+  }
 
-let paginateContent;
-if (paginate) {
-  const total = paginate.total;
-  const currentPage = paginate.current_page;
-  const pageLimit = paginate.per_page;
+  let paginateContent;
+  if (paginate) {
+    const total = paginate.total;
+    const currentPage = paginate.current_page;
+    const pageLimit = paginate.per_page;
 
-  paginateContent = <Paginate totalRecords={total} pageLimit={pageLimit}
-    currentPage={currentPage} pageNeighbours={2}
-    onPageChanged={handlePageChanged} makeLink={props.makeLink}/>
-}
+    paginateContent = <Paginate totalRecords={total} pageLimit={pageLimit}
+      currentPage={currentPage} pageNeighbours={2}
+      onPageChanged={handlePageChanged} makeLink={props.makeLink}/>
+  }
 
-return (
-  <div className='discs'>
-    <h2>Discos</h2>
-    {discsComponent}
-    {paginateContent}
-  </div>
-)
+  return (
+    <div className='discs'>
+      <h2>Discos</h2>
+      {discsComponent}
+      {paginateContent}
+    </div>
+  );
 }
 
 const Artist = (props) => {