Push spotify auth; Fixing MIA authentication

src/js/components/Modal/SendAuthorizationModal.js

@@ -0,0 +1,70 @@
+
+import React, { PropTypes } from 'react'
+import { connect } from 'react-redux'
+import { Link } from 'react-router'
+import { createStore, bindActionCreators } from 'redux'
+
+import * as uiActions from '../../services/ui/actions'
+import * as helpers from '../../helpers'
+
+import Icon from '../Icon'
+
+class SendAuthorizationModal extends React.Component{
+
+	constructor(props){
+		super(props)
+	}
+
+	handleClick(e, connectionid){		
+		e.preventDefault()
+		var data = {
+			recipients: [connectionid],
+			action: 'send_authorization',
+			data: {
+				authorization: this.props.authorization,
+				me: this.props.me
+			}
+		}
+		this.props.pusherActions.instruct( 'broadcast', data )
+		this.props.uiActions.closeModal()
+		return false;
+	}
+
+	render(){
+		return (
+			<div>
+				<h4 className="no-padding">Share Spotify authentication</h4>
+				<h3 className="grey-text">Send your authentication tokens to another client. When the recipient client imports this, their Iris will have full access to your Spotify account.</h3>
+				<div className="list pusher-connection-list">
+					{
+						this.props.connections.map( (connection, index) => {
+							return (
+								<div className='list-item connection' key={connection.connectionid} onClick={ e => this.handleClick(e, connection.connectionid) }>
+									{ connection.username }
+									&nbsp;
+									<span className="grey-text">({ connection.ip })</span>
+								</div>
+							);
+						})
+					}
+				</div>
+			</div>
+		)
+	}
+}
+
+const mapStateToProps = (state, ownProps) => {
+	return {
+		me: state.spotify.me,
+		authorization: state.spotify.authorization,
+		connections: state.pusher.connections
+	}
+}
+
+const mapDispatchToProps = (dispatch) => {
+	return {
+		uiActions: bindActionCreators(uiActions, dispatch)
+	}
+}
+
+export default connect(mapStateToProps, mapDispatchToProps)(SendAuthorizationModal)