feat(external link): add target blank by default and rel rules

dis-moi · Feb 5, 2019 · a7dd1b8 · a7dd1b8
1 parent 212f8b5
commit a7dd1b8
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/atoms/ExternalLink.js b/src/components/atoms/ExternalLink.js
@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 
-export default styled.a`
+export default styled.a.attrs({ target: '_blank', rel: 'noopener noreferrer' })`
     color: ${props => props.theme.activeColor};
     text-decoration: underline;
     cursor: pointer;

diff --git a/src/components/molecules/SourceURL.js b/src/components/molecules/SourceURL.js
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import { SourceURLContainer, Truncated} from '../atoms';
 
 export const SourceURL = ({ numberOfCharacters, children, ...props }) => (
-  <SourceURLContainer {...props} href={children} target="_blank" rel="noopener noreferrer">
+  <SourceURLContainer {...props} href={children}>
     <Truncated numberOfCharacters={numberOfCharacters} preserveWords={false}>
       {children}
     </Truncated>