secstate/Iris
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Keeping parallax mainly for profile views (Artist, User), makes themes more consistently nice

Browse Source
This commit is contained in:
James Barnsley
2020-04-16 16:24:47 +12:00
parent 028ecfefdf
commit e4267256af
14 changed files with 31 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/js/views/discover/DiscoverFeatured.js
View File

@ -35,12 +35,6 @@ class DiscoverFeatured extends React.Component {
this.props.uiActions.showContextMenu(data);
}
renderIntro = ({ images: { large } = {} } = {}) => (
<div className="intro preserve-3d">
<Parallax image={large} blur />
</div>
);
render() {
if (isLoading(this.props.load_queue, ['spotify_browse/featured-playlists'])) {
return (
@ -64,9 +58,6 @@ class DiscoverFeatured extends React.Component {
}
}
// Pull the first playlist out and we'll use this for the parallax artwork
const first_playlist = playlists[0];
const options = (
<a className="button button--no-hover" onClick={(e) => { this.props.uiActions.hideContextMenu(); this.props.spotifyActions.getFeaturedPlaylists(); }}>
<Icon name="refresh" />
@ -76,11 +67,10 @@ Refresh
return (
<div className="view discover-featured-view preserve-3d">
<Header className="overlay" options={options}>
<Header options={options}>
<Icon name="star" type="material" />
Featured playlists
</Header>
{this.renderIntro(first_playlist)}
<section className="content-wrapper grid-wrapper">
{playlists ? <PlaylistGrid playlists={playlists} /> : null }
</section>

9
src/js/views/discover/DiscoverNewReleases.js
View File

@ -76,12 +76,6 @@ class DiscoverNewReleases extends React.Component {
}
}
// Pull the first playlist out and we'll use this as a banner
let first_album = albums[0];
if (first_album) {
first_album = collate(first_album, { artists: this.props.artists });
}
const options = (
<a className="button button--no-hover" onClick={(e) => { this.props.uiActions.hideContextMenu(); this.props.spotifyActions.getNewReleases(); }}>
<Icon name="refresh" />
@ -91,11 +85,10 @@ Refresh
return (
<div className="view discover-new-releases-view preserve-3d">
<Header className="overlay" options={options} uiActions={this.props.uiActions}>
<Header options={options} uiActions={this.props.uiActions}>
<Icon name="new_releases" type="material" />
New releases
</Header>
{this.renderIntro(first_album)}
<section className="content-wrapper grid-wrapper">
<AlbumGrid albums={albums} />
</section>