diff options
| -rw-r--r-- | packages/website/ts/@next/components/button.tsx | 10 |
1 files changed, 3 insertions, 7 deletions
diff --git a/packages/website/ts/@next/components/button.tsx b/packages/website/ts/@next/components/button.tsx index 1e59ae9c2..bd7f07d99 100644 --- a/packages/website/ts/@next/components/button.tsx +++ b/packages/website/ts/@next/components/button.tsx @@ -1,6 +1,5 @@ -import { History } from 'history'; import * as React from 'react'; -import { withRouter } from 'react-router-dom'; +import { Link as ReactRouterLink, withRouter } from 'react-router-dom'; import styled from 'styled-components'; import { colors } from 'ts/style/colors'; @@ -15,7 +14,6 @@ interface ButtonInterface { isInline?: boolean; href?: string; onClick?: () => any; - history?: History; theme?: { textColor: string; }; @@ -37,14 +35,12 @@ export const Button = styled.button<ButtonInterface>` export const Link = withRouter((props: ButtonInterface) => { const { children, - history, href, } = props; - const Component = Button.withComponent('a'); - const handleClick = () => history.push(href); + const Component = Button.withComponent(ReactRouterLink); return ( - <Component onClick={handleClick} {...props}> + <Component to={href} {...props}> {children} </Component> ); |