diff --git a/src/js/components/Thumbnail.js b/src/js/components/Thumbnail.js index b9bf5c6d..e14464a3 100755 --- a/src/js/components/Thumbnail.js +++ b/src/js/components/Thumbnail.js @@ -66,9 +66,10 @@ class Thumbnail extends React.Component{ render(){ var image = this.mapImageSizes() var style = { backgroundImage: 'url("'+image+'")' } - var class_name = 'thumbnail '+this.props.size; - if( this.props.circle ) class_name += ' circle'; - if( this.props.className ) class_name += ' '+this.props.className; + var class_name = 'thumbnail ' + if( this.props.size ) class_name += ' '+this.props.size + if( this.props.circle ) class_name += ' circle' + if( this.props.className ) class_name += ' '+this.props.className var zoom_icon = null if (this.props.canZoom){ diff --git a/src/js/views/discover/DiscoverFeatured.js b/src/js/views/discover/DiscoverFeatured.js index 9c4a39cb..28f04492 100755 --- a/src/js/views/discover/DiscoverFeatured.js +++ b/src/js/views/discover/DiscoverFeatured.js @@ -10,6 +10,7 @@ import Parallax from '../../components/Parallax' import Thumbnail from '../../components/Thumbnail' import * as helpers from '../../helpers' +import * as uiActions from '../../services/ui/actions' import * as mopidyActions from '../../services/mopidy/actions' import * as spotifyActions from '../../services/spotify/actions' @@ -27,14 +28,27 @@ class DiscoverFeatured extends React.Component{ this.props.mopidyActions.playPlaylist(playlist.uri) } + handleContextMenu(e,item){ + e.preventDefault() + var data = { + e: e, + context: 'playlist', + uris: [item.uri], + items: [item] + } + this.props.uiActions.showContextMenu(data) + } + renderIntro(playlist = null){ if (playlist){ return (