Receive authorization modal (instead of alert

src/js/components/Modal/AuthorizationModal_Send.js

@@ -0,0 +1,74 @@
+
+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 AuthorizationModal_Send extends React.Component{
+
+	constructor(props){
+		super(props)
+	}
+
+	handleClick(e, connection_id){		
+		e.preventDefault()
+		this.props.pusherActions.sendAuthorization( connection_id, this.props.authorization, this.props.me )
+		this.props.uiActions.closeModal()
+		return false;
+	}
+
+	render(){
+		var connections = []
+		for (var connection_id in this.props.connections){
+			if (this.props.connections.hasOwnProperty(connection_id)) {
+				connections.push(this.props.connections[connection_id])
+			}
+		}
+
+		return (
+			<div>
+				<h4 className="no-bottom-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 ({this.props.me.id}).</h3>
+				<div className="list small pusher-connection-list">
+					{
+						connections.map( (connection, index) => {
+							
+							// don't list OUR connection
+							if (connection.connection_id == this.props.connection_id) return null
+
+							return (
+								<div className='list-item connection' key={connection.connection_id} onClick={ e => this.handleClick(e, connection.connection_id) }>
+									{ 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,
+		connection_id: state.pusher.connection_id,
+		connections: state.pusher.connections
+	}
+}
+
+const mapDispatchToProps = (dispatch) => {
+	return {
+		uiActions: bindActionCreators(uiActions, dispatch)
+	}
+}
+
+export default connect(mapStateToProps, mapDispatchToProps)(AuthorizationModal_Send)