PLACEHOLDER ALL THE THINGS

src/views/Artist.jsx

@@ -17,15 +17,19 @@ const Discs = (props) => {
     props.onPageChanged(page);
   }
 
-  let discsComponent = <Fragment/>;
+  let discsComponent = <EntityList placeholder={true} size={16} cover={true} grid={true}/>;
   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}/>
+    if(discs.length > 0){
+      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}/>
+    }else{
+      discsComponent = <p>El artista no tiene discos</p>
+    }
   }
 
   let paginateContent;
@@ -54,9 +58,9 @@ const Artist = (props) => {
     return <Entity title={artist.name}
       subtitle={[artist.type, artist.country].filter(Boolean).join(' - ')}
       tags={artist.tags.map((tag) => (tag.name))}
-      buttonText='Agregar a mi list'/>
+      buttonText='Agregar a mi lista'/>
   }else {
-    return <Fragment></Fragment>
+    return <Fragment/>
   }
 }