You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
65 lines
2.3 KiB
65 lines
2.3 KiB
6 years ago
|
import PropTypes from 'prop-types'
|
||
|
|
import React, { Component } from 'react'
|
||
|
|
import { approveProviderRequest, rejectProviderRequest } from '../../ui/app/actions'
|
||
|
|
import { connect } from 'react-redux'
|
||
|
|
class ProviderApproval extends Component {
|
||
|
|
render () {
|
||
|
|
const { approveProviderRequest, origin, rejectProviderRequest } = this.props
|
||
|
|
return (
|
||
|
|
<div className="flex-column flex-grow">
|
||
|
|
<style dangerouslySetInnerHTML={{__html: `
|
||
|
|
.provider_approval_actions {
|
||
|
|
display: flex;
|
||
|
|
justify-content: flex-end;
|
||
|
|
margin: 14px 25px;
|
||
|
|
}
|
||
|
|
.provider_approval_actions button {
|
||
|
|
margin-left: 10px;
|
||
|
|
text-transform: uppercase;
|
||
|
|
}
|
||
|
|
.provider_approval_content {
|
||
|
|
padding: 0 25px;
|
||
|
|
}
|
||
|
|
.provider_approval_origin {
|
||
|
|
font-weight: bold;
|
||
|
|
margin: 14px 0;
|
||
|
|
}
|
||
|
|
`}} />
|
||
|
|
<div className="section-title flex-row flex-center">
|
||
|
|
<i
|
||
|
|
className="fa fa-arrow-left fa-lg cursor-pointer"
|
||
|
|
onClick={() => { rejectProviderRequest(origin) }} />
|
||
|
|
<h2 className="page-subtitle">Web3 API Request</h2>
|
||
|
|
</div>
|
||
|
|
<div className="provider_approval_content">
|
||
|
|
{"The domain listed below is requesting access to the Ethereum blockchain and to view your current account. Always double check that you're on the correct site before approving access."}
|
||
|
|
<div className="provider_approval_origin">{origin}</div>
|
||
|
|
</div>
|
||
|
|
<div className="provider_approval_actions">
|
||
|
|
<button
|
||
|
|
className="btn-green"
|
||
|
|
onClick={() => { approveProviderRequest(origin) }}>APPROVE</button>
|
||
|
|
<button
|
||
|
|
className="cancel btn-red"
|
||
|
|
onClick={() => { rejectProviderRequest(origin) }}>REJECT</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
ProviderApproval.propTypes = {
|
||
|
|
approveProviderRequest: PropTypes.func,
|
||
|
|
origin: PropTypes.string,
|
||
|
|
rejectProviderRequest: PropTypes.func,
|
||
|
|
}
|
||
|
|
|
||
|
|
function mapDispatchToProps (dispatch) {
|
||
|
|
return {
|
||
|
|
approveProviderRequest: origin => dispatch(approveProviderRequest(origin)),
|
||
|
|
rejectProviderRequest: origin => dispatch(rejectProviderRequest(origin)),
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
module.exports = connect(null, mapDispatchToProps)(ProviderApproval)
|