oceanprotocol/commons
1
0
Fork 0
mirror of https://github.com/oceanprotocol/commons.git synced 2023-03-15 18:03:00 +01:00
Code Releases Activity

fix event bubbling on wallet selector button

Browse Source 
* closes #197
This commit is contained in:
Matthias Kretschmann 2019-09-12 11:45:52 +02:00
parent 12f6cfcb80
commit e32f3bbb62
Signed by: m
GPG Key ID: 606EEEF3C479A91F
1 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
client/src/components/organisms/WalletSelector.tsx
View File

@ -15,19 +15,20 @@ export default class WalletSelector extends PureComponent<
isModalOpen: false isModalOpen: false
} }
private toggleModal = () => { private handleToggleModal = (e?: Event) => {
e && e.preventDefault()
this.setState({ isModalOpen: !this.state.isModalOpen }) this.setState({ isModalOpen: !this.state.isModalOpen })
} }
private loginBurnerWallet = () => { private loginBurnerWallet = () => {
this.context.loginBurnerWallet() this.context.loginBurnerWallet()
this.toggleModal() this.handleToggleModal()
} }
private loginMetamask = () => { private loginMetamask = () => {
this.context.loginMetamask() this.context.loginMetamask()
this.context.logoutBurnerWallet() this.context.logoutBurnerWallet()
this.toggleModal() this.handleToggleModal()
} }
private WalletButton = ({ private WalletButton = ({
@ -80,7 +81,7 @@ export default class WalletSelector extends PureComponent<
<Button <Button
link link
className={styles.openLink} className={styles.openLink}
onClick={this.toggleModal} onClick={this.handleToggleModal}
data-action="wallet" data-action="wallet"
> >
{content.title} {content.title}
@ -89,7 +90,7 @@ export default class WalletSelector extends PureComponent<
title={content.title} title={content.title}
description={content.description} description={content.description}
isOpen={this.state.isModalOpen} isOpen={this.state.isModalOpen}
toggleModal={this.toggleModal} toggleModal={this.handleToggleModal}
> >
<div className={styles.info}> <div className={styles.info}>
{content.buttons.map(({ title, description, icon }) => ( {content.buttons.map(({ title, description, icon }) => (