From e32f3bbb6266525588c110a78a99dcac7939d456 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Thu, 12 Sep 2019 11:45:52 +0200
Subject: [PATCH] fix event bubbling on wallet selector button

* closes #197
---
 client/src/components/organisms/WalletSelector.tsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

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