chandlerswift/digital-turntable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add Audio player

Browse source
This commit is contained in:
Chandler Swift 2026-02-10 23:00:00 -06:00
parent ef61a96440
commit 2146def609
Signed by: chandlerswift
GPG key ID: A851D929D52FB93F
5 changed files with 110 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/components/Album/Album.tsx
View file

@ -2,7 +2,7 @@ import Track from "./Track";
import "./Album.css";
import type { Album, Track as TrackType } from "../../album";
export default function Album({ album, dismissAlbum, play, nowPlaying }: { album: Album; dismissAlbum: () => void, play: (track: TrackType) => void, nowPlaying: any }) {
export default function Album({ album, dismissAlbum, play, nowPlaying }: { album: Album; dismissAlbum: () => void, play: (i: number) => void, nowPlaying: TrackType }) {
return (
<section className="panel">
<div className="meta">
@ -14,8 +14,8 @@ export default function Album({ album, dismissAlbum, play, nowPlaying }: { album
{album.artistName} {album.releaseDate.year ? ' • ' + album.releaseDate.year : ''} {/* TODO: .toLocaleDateString("en-US", { month: "long", day: "numeric", year: "numeric" }) */}
</p>
<div className="queue" id="queue">
{album.tracks.map(t => (
<Track key={t.id} track={t} play={play} nowPlaying={nowPlaying} />
{album.tracks.map((t, i) => (
<Track key={t.id} idx={i} track={t} play={play} nowPlaying={nowPlaying} />
))}
</div>
</div>