All files / web/modules/components Link.tsx

60% Statements 6/10
33.33% Branches 2/6
0% Functions 0/1
100% Lines 6/6

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 312x 2x 2x               2x                       2x             2x  
import * as React from 'react';
import { Link as RRDLink } from 'react-router-dom';
import styled from 'styled-components';
 
interface IProps {
  children: any;
  to?: string;
  onClick?: () => void;
}
 
const Wrapper = styled.span`
  & > a,
  & > span {
    cursor: pointer;
    color: rgba(0, 0, 0, 0.65);
    padding: 5px 0;
    &:hover {
      color: #000;
    }
  }
`;
 
const Link = ({ children, to, onClick }: IProps) => (
  <Wrapper>
    {to && <RRDLink to={to}>{children}</RRDLink>}
    {onClick && <span onClick={onClick}>{children}</span>}
  </Wrapper>
);
 
export default Link;