Cambios en el servidor provocaron cambios en las vistas

Ya no entrega los coverart directamente, ni tampoco los artistas de los
discos, los cambios son temporales y para provar como funciona todo

src/components/CoverArt.jsx

@@ -1,21 +1,32 @@
-import React, {Fragment, useState} from "react";
+import React, {Fragment, useEffect, useState} from "react";
 import {ReactComponent as DiscSVG} from "../svg/disc.svg";
+import {getDiscCoverArt} from "../services/entity_service";
 
 export const CoverArt = (props) => {
+    const disc = props.disc
     const [loading, setLoading] = useState(true);
+    const [coverArt, setCoverArt] = useState(null)
+
+    useEffect(() => {
+        if(disc){
+            getDiscCoverArt(disc.id).then((result) => {
+                setCoverArt(result)
+            })
+        }
+    }, [disc])
 
     const handleLoad = () => setLoading(false)
 
-    if (props.cover_art) {
+    if (coverArt) {
         if (loading) {
             return (
                 <Fragment>
-                    <img src={props.cover_art.image} className={'coverart loading'} alt={props.alt} onLoad={handleLoad}/>
+                    <img src={coverArt.image} className={'coverart loading'} alt={props.alt} onLoad={handleLoad}/>
                     <div className={'coverart pulsating'}/>
                 </Fragment>
             )
         } else {
-            return <img src={props.cover_art.image} className={'coverart'} alt={props.alt}/>
+            return <img src={coverArt.image} className={'coverart'} alt={props.alt}/>
         }
     } else {
         return <DiscSVG className='coverart'/>
@@ -26,7 +37,7 @@ export const CoverArt = (props) => {
 export const CoverWithCaption = (props) => {
    return(
        <figure className='cover-caption'>
-           <CoverArt cover_art={props.cover_art} alt={props.alt}/>
+           <CoverArt disc={props.disc} alt={props.alt}/>
            <figcaption>{props.caption}</figcaption>
        </figure>
    );