seth
/
jam-cloud
mirror of https://bitbucket.org/jamkazam/jam-cloud.git
1
0
Fork 0
Code Issues Actions Packages Projects Releases Wiki Activity

fix presentation styles of jamtracks in jamtracks list page

This commit is contained in:
Nuwan 2024-12-07 09:19:23 +05:30
parent 5d87d1a358
commit d9004980e6
2 changed files with 7 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
jam-ui/src/components/jamtracks/JKJamTrackPreview.js
View File

@ -19,8 +19,8 @@ const JKJamTrackPreview = ({ jamTrack }) => {
<Col className={ index + 1 > 6 && !expanded ? 'd-none' : null}>
<JKJamTrackTrack track={track} />
</Col>
{(index + 1) % 3 === 0 && <div className="w-100" />}
{(index + 1) === jamTrack.tracks.length && (index + 1) % 3 !== 0 && <div className="col" />}
{(index + 1) % 2 === 0 && <div className="w-100" />}
{(index + 1) === jamTrack.tracks.length && (index + 1) % 2 !== 0 && <div className="col" />}
</Fragment>
))}
</Row>

25
jam-ui/src/components/jamtracks/JKJamTracksAutoComplete.js
View File

@ -46,7 +46,7 @@ const JKJamTracksAutoComplete = ({
});
setArtists(updatedArtists);
}
if(data.jamtracks){
if (data.jamtracks) {
const updatedSongs = data.jamtracks.map(song => {
song.type = 'song';
return song;
@ -132,15 +132,9 @@ const JKJamTracksAutoComplete = ({
onMouseOver={highlight}
onMouseOut={unhighlight}
onClick={() => handleOnClick(track)}
style={{ cursor: 'pointer' }}
>
<div
style={{
display: 'flex',
alignContent: 'flex-start'
}}
>
<div>Artist: {track.original_artist}</div>
</div>
Artist: {track.original_artist}
</ListGroupItem>
))}
{songs.map(track => (
@ -149,18 +143,9 @@ const JKJamTracksAutoComplete = ({
onMouseOver={highlight}
onMouseOut={unhighlight}
onClick={() => handleOnClick(track)}
style={{ cursor: 'pointer' }}
>
<div
style={{
display: 'flex',
justifyContent: 'flex-start',
columnGap: '10px',
alignContent: 'flex-start'
}}
>
<div style={{ width: '50%' }}>Song: {track.name}</div>
<div>{track.original_artist}</div>
</div>
Song: {track.name} by {track.original_artist}
</ListGroupItem>
))}
</ListGroup>