aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--packages/website/ts/@next/components/button.tsx10
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>
);