diff --git a/src/components/Entity.jsx b/src/components/Entity.jsx index 73e6e30..4d88142 100644 --- a/src/components/Entity.jsx +++ b/src/components/Entity.jsx @@ -5,6 +5,7 @@ export const Entity = (props) => { const hasCover = props.cover; const hasTags = props.tags && props.tags.length > 0; const hasButton = props.onButtonClick || props.buttonText + return (
diff --git a/src/components/EntityList.jsx b/src/components/EntityList.jsx index 3002f4e..e3ad5da 100644 --- a/src/components/EntityList.jsx +++ b/src/components/EntityList.jsx @@ -4,9 +4,9 @@ import "./EntityList.scss" const EntityPlaceholder = (props) => { return ( -
  • +
  • - {props.cover &&
    } + {props.cover &&
    }
        diff --git a/src/views/Artist.jsx b/src/views/Artist.jsx index 9111488..6928b38 100644 --- a/src/views/Artist.jsx +++ b/src/views/Artist.jsx @@ -17,15 +17,19 @@ const Discs = (props) => { props.onPageChanged(page); } - let discsComponent = ; + let discsComponent = ; if (discs) { - const items = discs.map((disc) => ({ - 'cover': , - 'link': `/disc/${disc.id}`, - 'title': disc.title, - 'subtitle': disc.artist.name - })); - discsComponent = + if(discs.length > 0){ + const items = discs.map((disc) => ({ + 'cover': , + 'link': `/disc/${disc.id}`, + 'title': disc.title, + 'subtitle': disc.artist.name + })); + discsComponent = + }else{ + discsComponent =

    El artista no tiene discos

    + } } let paginateContent; @@ -54,9 +58,9 @@ const Artist = (props) => { return (tag.name))} - buttonText='Agregar a mi list'/> + buttonText='Agregar a mi lista'/> }else { - return + return } } diff --git a/src/views/Disc.jsx b/src/views/Disc.jsx index 0065f16..271487c 100644 --- a/src/views/Disc.jsx +++ b/src/views/Disc.jsx @@ -12,7 +12,6 @@ const capitalize = (string) => { return string.charAt(0).toUpperCase() + string.slice(1); } - const Versions = (props) => { const versions = props.versions ? props.versions : null; const paginate = props.paginate ? props.paginate : null; @@ -21,7 +20,7 @@ const Versions = (props) => { props.onPageChanged(page); } - let versionsComponent = ; + let versionsComponent = ; if(versions) { const items = versions.map((version) => ({ 'cover': , @@ -105,9 +104,11 @@ export const DiscView = (props) => { return ( - + {disc && + + } ) }