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.
118 lines
3.3 KiB
118 lines
3.3 KiB
import { connect } from 'react-redux'
|
|
import {
|
|
getOpenMetamaskTabsIds,
|
|
requestAccountsPermissionWithId,
|
|
removePermissionsFor,
|
|
removePermittedAccount,
|
|
} from '../../store/actions'
|
|
import {
|
|
getConnectedDomainsForSelectedAddress,
|
|
getCurrentAccountWithSendEtherInfo,
|
|
getOriginOfCurrentTab,
|
|
getPermissionDomains,
|
|
getPermissionsMetadataHostCounts,
|
|
getPermittedAccountsByOrigin,
|
|
getSelectedAddress,
|
|
} from '../../selectors'
|
|
import { CONNECT_ROUTE } from '../../helpers/constants/routes'
|
|
import { getMostRecentOverviewPage } from '../../ducks/history/history'
|
|
import ConnectedSites from './connected-sites.component'
|
|
|
|
const mapStateToProps = (state) => {
|
|
const { openMetaMaskTabs } = state.appState
|
|
const { id } = state.activeTab
|
|
const connectedDomains = getConnectedDomainsForSelectedAddress(state)
|
|
const originOfCurrentTab = getOriginOfCurrentTab(state)
|
|
const permittedAccountsByOrigin = getPermittedAccountsByOrigin(state)
|
|
const selectedAddress = getSelectedAddress(state)
|
|
|
|
const currentTabHasNoAccounts = !permittedAccountsByOrigin[originOfCurrentTab]
|
|
?.length
|
|
|
|
let tabToConnect
|
|
if (originOfCurrentTab && currentTabHasNoAccounts && !openMetaMaskTabs[id]) {
|
|
tabToConnect = {
|
|
origin: originOfCurrentTab,
|
|
}
|
|
}
|
|
|
|
return {
|
|
accountLabel: getCurrentAccountWithSendEtherInfo(state).name,
|
|
connectedDomains,
|
|
domains: getPermissionDomains(state),
|
|
domainHostCount: getPermissionsMetadataHostCounts(state),
|
|
mostRecentOverviewPage: getMostRecentOverviewPage(state),
|
|
permittedAccountsByOrigin,
|
|
selectedAddress,
|
|
tabToConnect,
|
|
}
|
|
}
|
|
|
|
const mapDispatchToProps = (dispatch) => {
|
|
return {
|
|
getOpenMetamaskTabsIds: () => dispatch(getOpenMetamaskTabsIds()),
|
|
disconnectAccount: (domainKey, address) => {
|
|
dispatch(removePermittedAccount(domainKey, address))
|
|
},
|
|
disconnectAllAccounts: (domainKey, domain) => {
|
|
const permissionMethodNames = domain.permissions.map(
|
|
({ parentCapability }) => parentCapability,
|
|
)
|
|
dispatch(
|
|
removePermissionsFor({
|
|
[domainKey]: permissionMethodNames,
|
|
}),
|
|
)
|
|
},
|
|
requestAccountsPermissionWithId: (origin) =>
|
|
dispatch(requestAccountsPermissionWithId(origin)),
|
|
}
|
|
}
|
|
|
|
const mergeProps = (stateProps, dispatchProps, ownProps) => {
|
|
const {
|
|
connectedDomains,
|
|
domains,
|
|
mostRecentOverviewPage,
|
|
selectedAddress,
|
|
tabToConnect,
|
|
} = stateProps
|
|
const {
|
|
disconnectAccount,
|
|
disconnectAllAccounts,
|
|
// eslint-disable-next-line no-shadow
|
|
requestAccountsPermissionWithId,
|
|
} = dispatchProps
|
|
const { history } = ownProps
|
|
|
|
const closePopover = () => history.push(mostRecentOverviewPage)
|
|
|
|
return {
|
|
...ownProps,
|
|
...stateProps,
|
|
...dispatchProps,
|
|
closePopover,
|
|
disconnectAccount: (domainKey) => {
|
|
disconnectAccount(domainKey, selectedAddress)
|
|
if (connectedDomains.length === 1) {
|
|
closePopover()
|
|
}
|
|
},
|
|
disconnectAllAccounts: (domainKey) => {
|
|
disconnectAllAccounts(domainKey, domains[domainKey])
|
|
if (connectedDomains.length === 1) {
|
|
closePopover()
|
|
}
|
|
},
|
|
requestAccountsPermission: async () => {
|
|
const id = await requestAccountsPermissionWithId(tabToConnect.origin)
|
|
history.push(`${CONNECT_ROUTE}/${id}`)
|
|
},
|
|
}
|
|
}
|
|
|
|
export default connect(
|
|
mapStateToProps,
|
|
mapDispatchToProps,
|
|
mergeProps,
|
|
)(ConnectedSites)
|
|
|