70 lines
1.9 KiB
JavaScript
70 lines
1.9 KiB
JavaScript
|
|
||
|
|
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 }
|
||
|
|
|
||
|
|
<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)
|