message: [BUGSQUASH] Disallow clicking link on disabled WalletButton.
diff: @@ -107,18 +107,40 @@ export class WalletButton extends React.PureComponent<Props> {
  )}
  <div className="WalletButton-icons">
  - {icons.map(i => (
  - <span className="WalletButton-icons-icon" key={i.icon} onClick={this.stopPropogation}>
  - {i.href ? (
  - <NewTabLink href={i.href} onClick={this.stopPropogation} aria-label={i.arialabel}>
  - <i className={`fa fa-${i.icon}`} />
  + {icons.map(i => {
  + const IconWrapper = (props: any) => {
  + if (isDisabled) {
  + return <React.Fragment>{props.children}</React.Fragment>;
  + }
  +
  + if (i.href) {
  + return (
  + <NewTabLink
  + href={i.href}
  + onClick={this.stopPropagation}
  + aria-label={i.arialabel}
  + >
  + {props.children}
  </NewTabLink>
  - ) : (
  + );
  + }
  +
  + return props.children;
  + };
  +
  + return (
  + <span
  + className="WalletButton-icons-icon"
  + key={i.icon}
  + onClick={this.stopPropagation}
  + >
  + <IconWrapper>
  <i className={`fa fa-${i.icon}`} aria-label={i.arialabel} />
  - )}
  + </IconWrapper>
  {!isDisabled && <Tooltip size="sm">{i.tooltip}</Tooltip>}
  </span>
  - ))}
  + );
  + })}
  </div>
  </div>
  @@ -135,7 +157,7 @@ export class WalletButton extends React.PureComponent<Props> {
  this.props.onClick(this.props.walletType);
  };
  - private stopPropogation = (ev: React.FormEvent<HTMLAnchorElement | HTMLSpanElement>) => {
  + private stopPropagation = (ev: React.FormEvent<HTMLAnchorElement | HTMLSpanElement>) => {
  ev.stopPropagation();
  };
  }
  