use NewTabLink in Web3.tsx, allow NewTabLink to accept className

MyCryptoHQ · Oct 26, 2017 · f02f884 · f02f884
1 parent bc4b801
commit f02f884
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/common/components/WalletDecrypt/Web3.tsx b/common/components/WalletDecrypt/Web3.tsx
@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
 import translate from 'translations';
+import { NewTabLink } from 'components/ui';
 import './Web3.scss';
 
 interface Props {
@@ -20,14 +21,11 @@ export default class Web3Decrypt extends Component<Props> {
         </div>
 
         <div>
-          <a
+          <NewTabLink
             className="Web3Decrypt-install btn btn-sm btn-default"
+            content={translate('Download MetaMask')}
             href="https://chrome.google.com/webstore/detail/metamask/nkbihfbeogaeaoehlefnkodbefgpgknn?hl=en"
-            target="_blank"
-            rel="noopener"
-          >
-            {translate('Download MetaMask')}
-          </a>
+          />
         </div>
       </section>
     );

diff --git a/common/components/ui/NewTabLink.tsx b/common/components/ui/NewTabLink.tsx
@@ -2,6 +2,7 @@ import React from 'react';
 
 interface AAttributes {
   charset?: string;
+  className?: string;
   coords?: string;
   download?: string;
   href: string;
@@ -28,14 +29,15 @@ interface AAttributes {
   type?: string;
 }
 
-interface NewTabLinkProps  extends AAttributes {
+interface NewTabLinkProps extends AAttributes {
   content?: React.ReactElement<any> | string;
   children?: React.ReactElement<any> | string;
 }
 
-const NewTabLink = ({ content, children, ...rest }: NewTabLinkProps) =>
+const NewTabLink = ({ content, children, ...rest }: NewTabLinkProps) => (
   <a target="_blank" rel="noopener" {...rest}>
     {content || children} {/* Keep content for short-hand text insertion */}
-  </a>;
+  </a>
+);
 
 export default NewTabLink;