MyCrypto/common/components/ui/NewTabLink.tsx

import React from 'react';
import { openInBrowser } from 'utils/electron';

interface AAttributes {
  charset?: string;
  className?: string;
  coords?: string;
  download?: string;
  href: string;
  hreflang?: string;
  media?: string;
  name?: string;
  rel?:
    | 'alternate'
    | 'author'
    | 'bookmark'
    | 'external'
    | 'help'
    | 'license'
    | 'next'
    | 'nofollow'
    | 'noreferrer'
    | 'noopener'
    | 'prev'
    | 'search'
    | 'tag';
  rev?: string;
  shape?: 'default' | 'rect' | 'circle' | 'poly';
  target?: '_blank' | '_parent' | '_self' | '_top';
  type?: string;
  onClick?(ev: React.MouseEvent<HTMLAnchorElement>): void;
}

interface NewTabLinkProps extends AAttributes {
  content?: React.ReactElement<any> | string;
  children?: React.ReactElement<any> | string;
}

export class NewTabLink extends React.Component<NewTabLinkProps> {
  public render() {
    const { content, children, ...rest } = this.props;
    return (
      <a target="_blank" rel="noopener noreferrer" onClick={this.handleClick} {...rest}>
        {content || children}
      </a>
    );
  }

  private handleClick(ev: React.MouseEvent<HTMLAnchorElement>) {
    if (openInBrowser(ev.currentTarget.href)) {
      ev.preventDefault();
    }
  }
}

export default NewTabLink;