Use Link instead of <a/>

src/js/components/Footer/index.js

@@ -1,10 +1,12 @@
 import styled from 'styled-components';
 import PropTypes from 'prop-types';
 import React from 'react';
+import Link from 'components/Link';
 import { getYear } from 'date-fns';
 import { bindActionCreators } from 'redux';
 import { connect } from 'react-redux';
 
+
 import colors from 'config/colors';
 import * as LogActions from 'actions/LogActions';
 
@@ -17,7 +19,7 @@ const Wrapper = styled.div`
     display: flex;
 `;
 
-const A = styled.a`
+const LinkWrapper = styled(Link)`
     margin: 0 6px;
     margin-right: 20px;
 `;
@@ -29,9 +31,9 @@ const Copy = styled.div`
 const Footer = ({ toggle }) => (
     <Wrapper>
         <Copy>&copy; {getYear(new Date())}</Copy>
-        <A href="http://satoshilabs.com" target="_blank" rel="noreferrer noopener" className="satoshi green">SatoshiLabs</A>
-        <A href="tos.pdf" target="_blank" rel="noreferrer noopener" className="green">Terms</A>
-        <A onClick={toggle} className="green">Show Log</A>
+        <LinkWrapper href="http://satoshilabs.com" target="_blank" rel="noreferrer noopener" className="satoshi" isGreen>SatoshiLabs</LinkWrapper>
+        <LinkWrapper href="tos.pdf" target="_blank" rel="noreferrer noopener" isGreen>Terms</LinkWrapper>
+        <LinkWrapper onClick={toggle} isGreen>Show Log</LinkWrapper>
     </Wrapper>
 );
 

src/js/components/Link/index.js

@@ -47,12 +47,14 @@ const A = styled.a`
 `;
 
 const Link = ({
-    children, href, target, rel, isGreen = false, isGray = false,
+    children, className, href, target, rel, onClick, isGreen = false, isGray = false,
 }) => (
     <A
+        className={className}
         href={href}
         target={target}
         rel={rel}
+        onClick={onClick}
         isGreen={isGreen}
         isGray={isGray}
     >{children}
@@ -65,9 +67,11 @@ Link.propTypes = {
         PropTypes.object,
         PropTypes.array,
     ]).isRequired,
-    href: PropTypes.string.isRequired,
+    className: PropTypes.string,
+    href: PropTypes.string,
     target: PropTypes.string,
     rel: PropTypes.string,
+    onClick: PropTypes.func,
     isGreen: PropTypes.bool,
     isGray: PropTypes.bool,
 };