Hiding parallax from most views in light theme

src/js/views/discover/DiscoverFeatured.js

@@ -101,7 +101,7 @@ class DiscoverFeatured extends React.Component{
 					<Icon name="star" type="material" />
 					Featured playlists
 				</Header>
-				{this.renderIntro(first_playlist)}
+				{this.renderIntro(this.props.theme == 'dark' ? first_playlist : null)}
 				<section className="content-wrapper grid-wrapper">
 					{playlists ? <PlaylistGrid playlists={playlists} /> : null }
 				</section>

src/js/views/discover/DiscoverNewReleases.js

@@ -114,7 +114,7 @@ class DiscoverNewReleases extends React.Component{
 					<Icon name="new_releases" type="material" />
 					New releases
 				</Header>
-				{this.renderIntro(first_album)}
+				{this.renderIntro(this.props.theme == 'dark' ? first_album : null)}
 				<section className="content-wrapper grid-wrapper">
 					<AlbumGrid albums={albums} />
 				</section>
@@ -128,13 +128,6 @@ class DiscoverNewReleases extends React.Component{
 	}
 }
 
-
-/**
- * Export our component
- *
- * We also integrate our global store, using connect()
- **/
-
 const mapStateToProps = (state, ownProps) => {
 	return {
 		theme: state.ui.theme,

src/js/views/discover/DiscoverRecommendations.js

@@ -514,7 +514,7 @@ class Discover extends React.Component{
 			<div className="view discover-view preserve-3d">
 				<div className="intro preserve-3d">
 
-					<Parallax image="/iris/assets/backgrounds/discover.jpg" />
+					{this.props.theme == 'dark' && <Parallax image="/iris/assets/backgrounds/discover.jpg" />}
 
 					<div className="intro__liner">
 						<h1>Explore new music</h1>
@@ -547,13 +547,6 @@ class Discover extends React.Component{
 	}
 }
 
-
-/**
- * Export our component
- *
- * We also integrate our global store, using connect()
- **/
-
 const mapStateToProps = (state, ownProps) => {
 	return {
 		theme: state.ui.theme,