vielle.dev
Personal Site
Show now playing song
+27
-1
src/components/playing/NowPlaying.astro
+27
-1
src/components/playing/NowPlaying.astro
···
1
1
---
2
+
import { getTrack, nowPlayingSongID } from "./spotify";
2
3
4
+
const nowPlaying = await nowPlayingSongID();
5
+
6
+
if (nowPlaying instanceof Error) return console.error("nowPlaying", nowPlaying);
7
+
8
+
const track = nowPlaying ? await getTrack(nowPlaying) : null;
9
+
if (track instanceof Error) return console.error("track", track);
3
10
---
4
11
5
-
<section class="playing">Now Playing</section>
12
+
<section class="playing">
13
+
{
14
+
track ? (
15
+
<>
16
+
Now playing:
17
+
<img
18
+
src={
19
+
track.album.images.sort(
20
+
(a, b) => b.width + b.height - (a.width + a.height),
21
+
)[0].url
22
+
}
23
+
alt=""
24
+
/>
25
+
{track.name} by {track.artists.map((x) => x.name).join(",")}
26
+
</>
27
+
) : (
28
+
<>Nothing is playing :(</>
29
+
)
30
+
}
31
+
</section>