coverart se puede abrir en nueva tab

src/components/CoverArt.jsx

@@ -6,6 +6,7 @@ import './CoverArt.scss';
 export const CoverArt = (props) => {
   const disc = props.disc
   const release = props.release
+  const popup = props.popup
   const [loading, setLoading] = useState(true);
   const [coverArt, setCoverArt] = useState(null)
 
@@ -23,16 +24,24 @@ export const CoverArt = (props) => {
 
   const handleLoad = () => setLoading(false)
 
+  const handleClick = () => {
+    if(popup && coverArt && !loading){
+      window.open(coverArt.image)
+    }
+  }
+
   if (coverArt) {
     if (loading) {
       return (
         <Fragment>
-          <img src={coverArt.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={coverArt.image} className={'coverart'} alt={props.alt}/>
+      return <img src={coverArt.image} className={'coverart'} alt={props.alt}
+                  onClick={handleClick}/>
     }
   } else {
     return <DiscSVG className='coverart'/>

src/components/CoverArt.scss

@@ -3,6 +3,7 @@
   width: 100%;
   height: 100%;
   outline: 1px var(--gray-2) solid;
+  cursor: pointer;
 
   &.loading {
     display: none;