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, };