aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/components/link.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/website/ts/components/link.tsx')
-rw-r--r--packages/website/ts/components/link.tsx61
1 files changed, 0 insertions, 61 deletions
diff --git a/packages/website/ts/components/link.tsx b/packages/website/ts/components/link.tsx
deleted file mode 100644
index a66985acc..000000000
--- a/packages/website/ts/components/link.tsx
+++ /dev/null
@@ -1,61 +0,0 @@
-import { Link as SmartLink } from '@0x/react-shared';
-import * as React from 'react';
-import styled from 'styled-components';
-
-interface LinkInterface {
- color?: string;
- children?: React.ReactNode | string;
- isNoArrow?: boolean;
- hasIcon?: boolean | string;
- isBlock?: boolean;
- isCentered?: boolean;
- href?: string;
- theme?: {
- textColor: string;
- };
- shouldOpenInNewTab?: boolean;
- target?: string;
-}
-
-export const Link = (props: LinkInterface) => {
- const { children, isNoArrow, href } = props;
-
- return (
- <StyledLink to={href} {...props}>
- {children}
- {!isNoArrow && (
- <svg width="25" height="25" fill="none" xmlns="http://www.w3.org/2000/svg">
- <path
- d="M8.484 5.246l.023 1.411 8.147.053L4.817 18.547l.996.996L17.65 7.706l.052 8.146 1.411.024-.068-10.561-10.561-.069z"
- fill="currentColor"
- />
- </svg>
- )}
- </StyledLink>
- );
-};
-
-// Added this, & + & doesnt really work since we switch with element types...
-export const LinkWrap = styled.div`
- a + a,
- a + button,
- button + a {
- margin-left: 20px;
- }
-`;
-
-const StyledLink = styled(SmartLink)<LinkInterface>`
- display: ${props => !props.isBlock && 'inline-flex'};
- color: ${props => props.color || props.theme.linkColor};
- text-align: center;
- font-size: 18px;
- text-decoration: none;
- align-items: center;
-
- @media (max-width: 768px) {
- }
-
- svg {
- margin-left: 3px;
- }
-`;