Updating grid context menus

src/js/components/AlbumGrid.js

@@ -25,10 +25,12 @@ class AlbumGrid extends React.Component{
 	handleContextMenu(e,item){
 		e.preventDefault()
 		var data = { 
+			e: e,
+			context: 'album',
 			uris: [item.uri],
 			item: item
 		}
-		this.props.uiActions.showContextMenu( e, data, 'album', 'click' )
+		this.props.uiActions.showContextMenu(data)
 	}
 
 	render(){

src/js/components/ArtistGrid.js

@@ -16,11 +16,13 @@ class ArtistGrid extends React.Component{
 
 	handleContextMenu(e,item){
 		e.preventDefault()
-		var data = { 
+		var data = {
+			e: e,
+			context: 'artist',
 			uris: [item.uri],
 			item: item
 		}
-		this.props.uiActions.showContextMenu( e, data, 'artist', 'click' )
+		this.props.uiActions.showContextMenu(data)
 	}
 
 	render(){

src/js/components/ContextMenu.js

@@ -254,6 +254,7 @@ class ContextMenu extends React.Component{
 		var height = 0
 		if (items) height = items.length * 34 // this is an approximation of how tall each menu item is
 
+		var className = "context-menu"
 		if (this.props.menu.position_x > (window.innerWidth - 154)) className += ' right-align'
 		if (this.props.menu.position_x > (window.innerWidth - 308)) className += ' right-align-submenu'
 		if (this.props.menu.position_y > (window.innerHeight - height)){
@@ -262,7 +263,7 @@ class ContextMenu extends React.Component{
 		}
 
 		return (
-			<div className="context-menu" style={style}>
+			<div className={className} style={style}>
 				{this.props.menu.item ? this.renderTitle() : null}
 				{this.renderItems()}
 			</div>

src/js/components/List.js

@@ -27,11 +27,13 @@ class List extends React.Component{
 
 	handleContextMenu(e,item){
 		e.preventDefault()
-		var data = { 
+		var data = {
+			e: e,
+			context: helpers.uriType(item.uri),
 			uris: [item.uri],
 			item: item
 		}
-		this.props.uiActions.showContextMenu(e, data, helpers.uriType(item.uri), 'click')
+		this.props.uiActions.showContextMenu(data)
 	}
 
 	renderHeader(){

src/js/components/PlaylistGrid.js

@@ -17,11 +17,13 @@ class PlaylistGrid extends React.Component{
 
 	handleContextMenu(e,item){
 		e.preventDefault()
-		var data = { 
+		var data = {
+			e: e,
+			context: 'playlist',
 			uris: [item.uri],
 			item: item
 		}
-		this.props.uiActions.showContextMenu( e, data, 'playlist', 'click' )
+		this.props.uiActions.showContextMenu(data)
 	}
 
 	render(){