mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
115 lines
3.2 KiB
JavaScript
115 lines
3.2 KiB
JavaScript
import PropTypes from 'prop-types'
|
|
import React, { Component } from 'react'
|
|
import ConnectedSitesList from '../../components/app/connected-sites-list'
|
|
import Popover from '../../components/ui/popover/popover.component'
|
|
import { DEFAULT_ROUTE } from '../../helpers/constants/routes'
|
|
import Button from '../../components/ui/button'
|
|
|
|
export default class ConnectSites extends Component {
|
|
static contextTypes = {
|
|
t: PropTypes.func,
|
|
}
|
|
|
|
static defaultProps = {
|
|
tabToConnect: null,
|
|
}
|
|
|
|
static propTypes = {
|
|
connectedDomains: PropTypes.arrayOf(PropTypes.object).isRequired,
|
|
accountLabel: PropTypes.string.isRequired,
|
|
disconnectAccount: PropTypes.func.isRequired,
|
|
history: PropTypes.object.isRequired,
|
|
tabToConnect: PropTypes.object,
|
|
legacyExposeAccount: PropTypes.func.isRequired,
|
|
getOpenMetamaskTabsIds: PropTypes.func.isRequired,
|
|
}
|
|
|
|
state = {
|
|
sitePendingDisconnect: null,
|
|
}
|
|
|
|
UNSAFE_componentWillMount () {
|
|
const { getOpenMetamaskTabsIds } = this.props
|
|
getOpenMetamaskTabsIds()
|
|
}
|
|
|
|
setSitePendingDisconnect = (domainKey, domainName) => {
|
|
this.setState({
|
|
sitePendingDisconnect: {
|
|
domainKey,
|
|
domainName,
|
|
},
|
|
})
|
|
}
|
|
|
|
clearSitePendingDisconnect = () => {
|
|
this.setState({
|
|
sitePendingDisconnect: null,
|
|
})
|
|
}
|
|
|
|
disconnect = () => {
|
|
const { disconnectAccount } = this.props
|
|
const { sitePendingDisconnect } = this.state
|
|
|
|
disconnectAccount(sitePendingDisconnect.domainKey)
|
|
this.clearSitePendingDisconnect()
|
|
}
|
|
|
|
renderConnectedSites () {
|
|
return (
|
|
<ConnectedSitesList
|
|
connectedDomains={this.props.connectedDomains}
|
|
onDisconnectSite={this.setSitePendingDisconnect}
|
|
/>
|
|
)
|
|
}
|
|
|
|
render () {
|
|
const { accountLabel, history, legacyExposeAccount, tabToConnect, connectedDomains } = this.props
|
|
const { t } = this.context
|
|
const { sitePendingDisconnect } = this.state
|
|
return (
|
|
sitePendingDisconnect
|
|
? (
|
|
<Popover
|
|
title={t('disconnectSite', [sitePendingDisconnect.domainName])}
|
|
subtitle={t('disconnectAccountConfirmationDescription')}
|
|
onClose={() => history.push(DEFAULT_ROUTE)}
|
|
footer={(
|
|
<>
|
|
<Button type="secondary" onClick={this.clearSitePendingDisconnect}>
|
|
{ t('cancel') }
|
|
</Button>
|
|
<Button type="primary" onClick={this.disconnect}>
|
|
{ t('disconnect') }
|
|
</Button>
|
|
</>
|
|
)}
|
|
footerClassName="connected-sites__confirmation"
|
|
/>
|
|
)
|
|
: (
|
|
<Popover
|
|
title={t('connectedSites')}
|
|
subtitle={connectedDomains.length
|
|
? t('connectedSitesDescription', [accountLabel])
|
|
: t('connectedSitesEmptyDescription', [accountLabel])
|
|
}
|
|
onClose={() => history.push(DEFAULT_ROUTE)}
|
|
footer={
|
|
tabToConnect
|
|
? (
|
|
<a onClick={legacyExposeAccount}>{ t('connectManually') }</a>
|
|
)
|
|
: null
|
|
}
|
|
footerClassName="connected-sites__add-site-manually"
|
|
>
|
|
{this.renderConnectedSites()}
|
|
</Popover>
|
|
)
|
|
)
|
|
}
|
|
}
|