This commit is contained in:
zadit
2025-01-04 06:57:36 +07:00
parent 3a899e197a
commit 59a9d299c5
11 changed files with 187 additions and 91 deletions

View File

@@ -121,14 +121,15 @@ const MusicComponent = ({ song, min, max, onDecision }) => {
onTouchEnd={handleTouchEnd}
style={{ transform: `translateX(${positionX}px)` }}
ref={containerRef}>
{/* {min === 0 && max === 0 &&
<VinylComponent
album={songg.image || songg.album.images[0].url}
/>} */}
{song.set && <div className="decisionbgrnd" style={{ backgroundColor: song.bePlayed ? "green": "red" }}>
{song.set && <div className="decisionbgrnd" style={{ backgroundColor: song.bePlayed ? "green" : "red" }}>
<h1 className="decision">{song.bePlayed ? "next up" : "skipped"}</h1></div>}
<div className="bgrnd" style={{ backgroundColor: backgroundColor }}></div>
<img src={song.image} alt={song.name} className="song-image" />
<img
src={song.image}
alt={song.name}
className="song-image"
onError={(e) => e.target.src = song.image}
/>
<div className="song-details">
<p className="song-name">{song.name}</p>
<p className="artist-name">{song.artist}</p>