astro-spotify-public - Show Album Images

hxrsmurf · Nov 19, 2023 · ef8c964 · ef8c964
1 parent 4fbd2a4
commit ef8c964
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/astro-spotify-public/src/components/Albums.astro b/astro-spotify-public/src/components/Albums.astro
@@ -4,15 +4,28 @@ interface Props {
 }
 
 const { stat } = Astro.props
+
+const api_url = import.meta.env.API_URL
+
+for (let key in stat) {
+    let album_id = (stat[key]['albumID'])
+    const response = await fetch(api_url + '?album_id=' + album_id)
+    const album = await response.json()
+    stat[key].album_image=album.album_image
+}
 ---
 
 <h1>Top Albums</h1>
 <table>
+<th>album_image</th>
 <th>albums</th>
 <th>count</th>
 
 {stat.map((s: any)=>(
     <tr>
+       <td>
+            {s.album_image ? <img src={s.album_image} width="320" height="320" alt=""/> : <></>}
+        </td>
         <td>
             {s.album}
         </td>