diff --git a/src/js/components/SpotifyAuthenticationFrame.js b/src/js/components/SpotifyAuthenticationFrame.js index 809db777..12ad0941 100755 --- a/src/js/components/SpotifyAuthenticationFrame.js +++ b/src/js/components/SpotifyAuthenticationFrame.js @@ -84,7 +84,6 @@ class SpotifyAuthenticationFrame extends React.Component{ } renderRefreshButton(){ - console.log(typeof(window._testMode)); if( !this.props.authorized || !window._testMode) return null; if( this.props.refreshing_token ){ diff --git a/src/js/services/spotify/actions.js b/src/js/services/spotify/actions.js index 7dd4cd4e..0219257b 100755 --- a/src/js/services/spotify/actions.js +++ b/src/js/services/spotify/actions.js @@ -39,8 +39,11 @@ const sendRequest = ( dispatch, getState, endpoint, method = 'GET', data = false resolve(response) }, (xhr, status, error) => { + var message = xhr.responseText + if (error.error && error.error.message) message = error.error.message + dispatch(uiActions.createNotification(message,'bad')) + console.error( endpoint+' failed', xhr.responseText) - dispatch(uiActions.createNotification(xhr.responseText,'bad')) reject(error) } ) @@ -59,7 +62,7 @@ function getToken( dispatch, getState ){ return new Promise( (resolve, reject) => { // token is okay for now, so just resolve with the current token - if( new Date().getTime() < getState().spotify.token_expiry ){ + if( getState().spotify.token_expiry && new Date().getTime() < getState().spotify.token_expiry ){ resolve(getState().spotify.access_token) return } diff --git a/src/js/views/library/LibraryAlbums.js b/src/js/views/library/LibraryAlbums.js index 445f8497..20980b89 100755 --- a/src/js/views/library/LibraryAlbums.js +++ b/src/js/views/library/LibraryAlbums.js @@ -117,7 +117,9 @@ class LibraryAlbums extends React.Component{

- +
+ +
) }) diff --git a/src/scss/components/_images.scss b/src/scss/components/_images.scss index 7265f565..ddc067a3 100755 --- a/src/scss/components/_images.scss +++ b/src/scss/components/_images.scss @@ -54,16 +54,15 @@ height: 50vh; width: 100%; overflow: hidden; - background: $dark_grey; + background: #000000; canvas { width: 100%; height: 100%; opacity: 0; - @include animate( 0.1s ); &.loaded { - opacity: 0.5; + opacity: 0.4; } } } diff --git a/src/scss/views/_artist.scss b/src/scss/views/_artist.scss index 8b7e96b1..0b4f70cd 100755 --- a/src/scss/views/_artist.scss +++ b/src/scss/views/_artist.scss @@ -84,6 +84,12 @@ .intro { margin-bottom: 20px; + .parallax { + canvas { + @include blur(5px); + } + } + .liner { text-align: center; padding-left: 20px; @@ -94,7 +100,7 @@ position: static; float: none; margin: 0 auto 20px; - max-width: 100px; + max-width: 65%; } .sub-views { diff --git a/src/scss/views/_search.scss b/src/scss/views/_search.scss index a82fa9e4..bb100dcb 100755 --- a/src/scss/views/_search.scss +++ b/src/scss/views/_search.scss @@ -16,7 +16,7 @@ @include responsive( $bp_medium ){ .search-result-sections { - padding: 20px 20px 0; + padding: 10px 10px 0; section { width: auto;