diff --git a/src/js/components/Footer/index.js b/src/js/components/Footer/index.js
index aef6598f..5682d175 100644
--- a/src/js/components/Footer/index.js
+++ b/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 }) => (
© {getYear(new Date())}
- SatoshiLabs
- Terms
- Show Log
+ SatoshiLabs
+ Terms
+ Show Log
);
diff --git a/src/js/components/Link/index.js b/src/js/components/Link/index.js
index 28b9836b..27c0e9b4 100644
--- a/src/js/components/Link/index.js
+++ b/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,
}) => (
{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,
};