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 31 | 2x 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; |