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}> <Col className={ index + 1 > 6 && !expanded ? 'd-none' : null}>
<JKJamTrackTrack track={track} /> <JKJamTrackTrack track={track} />
</Col> </Col>
{(index + 1) % 3 === 0 && <div className="w-100" />} {(index + 1) % 2 === 0 && <div className="w-100" />}
{(index + 1) === jamTrack.tracks.length && (index + 1) % 3 !== 0 && <div className="col" />} {(index + 1) === jamTrack.tracks.length && (index + 1) % 2 !== 0 && <div className="col" />}
</Fragment> </Fragment>
))} ))}
</Row> </Row>

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

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