kediritechnopark/AnythingYouWant
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ok

Browse Source
This commit is contained in:
zadit
2025-01-07 16:31:54 +07:00
parent 0c99be55ec
commit 8e8eab48c1
2 changed files with 20 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/MusicComponent.js
View File

@@ -121,21 +121,21 @@ const MusicComponent = ({ song, min, max, onDecision }) => {
onTouchEnd={handleTouchEnd}
style={{ transform: `translateX(${positionX}px)` }}
ref={containerRef}>
{song.set && <div className="decisionbgrnd" style={{ backgroundColor: song.bePlayed ? "green" : "red" }}>
<h1 className="decision">{song.bePlayed ? "next up" : "skipped"}</h1></div>}
{song[3] && <div className="decisionbgrnd" style={{ backgroundColor: song[4] ? "green" : "red" }}>
<h1 className="decision">{song[4] ? "next up" : "skipped"}</h1></div>}
<div className="bgrnd" style={{ backgroundColor: backgroundColor }}></div>
<img
src={song.image}
alt={song.name}
src={song[0]?.image || song.image}
alt={song[0]?.name}
className="song-image"
onError={(e) => e.target.src = song.image}
onError={(e) => e.target.src = song[0]?.image || song.image}
/>
<div className="song-details">
<p className="song-name">{song.name}</p>
<p className="artist-name">{song.artist}</p>
{min < 0 && <p className="artist-name">&lt;--- {song.disagree} no - {song.agree} yes ---&gt;</p>}
<p className="song-name">{song[0]?.name || song.name}</p>
<p className="artist-name">{song[0]?.artist || song.artist}</p>
{min < 0 && <p className="artist-name">&lt;--- {song[2]?.length} no - {song[1]?.length} yes ---&gt;</p>}
</div>
<p className="song-duration">{song.length}</p>
<p className="song-duration">{song[0]?.length || song.length}</p>
</div>
);
};