Fix Image loading issue

src/components/ItemImage.js

@@ -10,7 +10,7 @@ export function ItemImage ( props ) {
 
   useEffect( () => {
     if( props.source ) {
-      const imgref = ref( storage, `book_covers/${props.source}`)
+      const imgref = ref( storage, `artworks/${props.source}`)
       getDownloadURL( imgref )
       .then( (url) => setImage(url) )
       .catch( err => console.log(err) )

src/pages/Detail.js

@@ -32,12 +32,10 @@ export function Detail(props) {
                         <ItemImage source={artworkData.artwork_image} />
                     </Col>
                     <Col md={6}>
-                        <h2>More information</h2>
                         <h3>Artwork description</h3>
                         <p>{artworkData.summary}</p>
                         <h3>Author</h3>
                         <p>systie</p>
-                        
                     </Col>
                 </Row>
                 <Row>

src/pages/Home.js

@@ -22,7 +22,7 @@ export function Home(props) {
           <Card key={itemkey} className="position-relative">
             <a href={itemLink} className="position-absolute" style={{top:0, left:0, right:0, bottom:0}}>
             </a>
-            <ItemImage source={ artwork.cover_image} />
+            <ItemImage source={ artwork.artwork_image} />
             <Card.Body>
               <Card.Title>{ artwork.artwork_title }</Card.Title>
             </Card.Body>