diff options
Diffstat (limited to 'packages/website/ts/@next/components')
16 files changed, 16 insertions, 36 deletions
diff --git a/packages/website/ts/@next/components/banner.tsx b/packages/website/ts/@next/components/banner.tsx index e3ab98dcf..e8c846947 100644 --- a/packages/website/ts/@next/components/banner.tsx +++ b/packages/website/ts/@next/components/banner.tsx @@ -1,11 +1,9 @@ import * as React from 'react'; import styled from 'styled-components'; -import {colors} from 'ts/style/colors'; - import {Button} from 'ts/@next/components/button'; import {ThemeInterface} from 'ts/@next/components/siteWrap'; -import {Heading, Paragraph} from 'ts/@next/components/text'; +import {Paragraph} from 'ts/@next/components/text'; import {Column, Section} from 'ts/@next/components/newLayout'; diff --git a/packages/website/ts/@next/components/button.tsx b/packages/website/ts/@next/components/button.tsx index 397bf39cd..6f5988e36 100644 --- a/packages/website/ts/@next/components/button.tsx +++ b/packages/website/ts/@next/components/button.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Link as ReactRouterLink, NavLink as ReactRouterNavLink } from 'react-router-dom'; +import { Link as ReactRouterLink } from 'react-router-dom'; import styled from 'styled-components'; import { ThemeInterface } from 'ts/@next/components/siteWrap'; @@ -33,14 +33,14 @@ export const Button = (props: ButtonInterface) => { } = props; let linkElem; - if (props.href) { linkElem = 'a'; } - if (props.to) { linkElem = ReactRouterLink; } + if (href) { linkElem = 'a'; } + if (to) { linkElem = ReactRouterLink; } const Component = linkElem ? ButtonBase.withComponent(linkElem) : ButtonBase; return ( <Component {...props}> - {props.children} + {children} { isWithArrow && <svg width="16" height="15" fill="none" xmlns="http://www.w3.org/2000/svg"> diff --git a/packages/website/ts/@next/components/chapter_link.tsx b/packages/website/ts/@next/components/chapter_link.tsx index 786c76bec..fd974cec1 100644 --- a/packages/website/ts/@next/components/chapter_link.tsx +++ b/packages/website/ts/@next/components/chapter_link.tsx @@ -1,4 +1,3 @@ -import * as React from 'react'; import { NavLink as ReactRouterLink } from 'react-router-dom'; import styled from 'styled-components'; diff --git a/packages/website/ts/@next/components/definition.tsx b/packages/website/ts/@next/components/definition.tsx index 1217bdc88..d556bc647 100644 --- a/packages/website/ts/@next/components/definition.tsx +++ b/packages/website/ts/@next/components/definition.tsx @@ -3,7 +3,7 @@ import styled from 'styled-components'; import { Button } from 'ts/@next/components/button'; import { Icon } from 'ts/@next/components/icon'; -import { Paragraph, Heading } from 'ts/@next/components/text'; +import { Heading, Paragraph } from 'ts/@next/components/text'; interface Action { label: string; diff --git a/packages/website/ts/@next/components/footer.tsx b/packages/website/ts/@next/components/footer.tsx index 897bd1d51..a25b32595 100644 --- a/packages/website/ts/@next/components/footer.tsx +++ b/packages/website/ts/@next/components/footer.tsx @@ -5,7 +5,7 @@ import { Link as ReactRouterLink } from 'react-router-dom'; import styled from 'styled-components'; import { Logo } from 'ts/@next/components/logo'; -import { Column, ColumnProps, FlexWrap, WrapGrid } from 'ts/@next/components/newLayout'; +import { Column, FlexWrap, WrapGrid } from 'ts/@next/components/newLayout'; import { NewsletterForm } from 'ts/@next/components/newsletter_form'; interface LinkInterface { diff --git a/packages/website/ts/@next/components/header.tsx b/packages/website/ts/@next/components/header.tsx index ced2aee76..368b1e665 100644 --- a/packages/website/ts/@next/components/header.tsx +++ b/packages/website/ts/@next/components/header.tsx @@ -12,7 +12,6 @@ import { Logo } from 'ts/@next/components/logo'; import { MobileNav } from 'ts/@next/components/mobileNav'; import { FlexWrap } from 'ts/@next/components/newLayout'; import { ThemeInterface } from 'ts/@next/components/siteWrap'; -import { Paragraph } from 'ts/@next/components/text'; interface HeaderProps { location?: Location; @@ -33,11 +32,6 @@ interface DropdownWrapInterface { width?: number; } -const mobileProductLinks = [ - { url: '/next/0x-instant', text: '0x Instant' }, - { url: '/next/launch-kit', text: '0x Launch Kit' }, -]; - const navItems: NavItem[] = [ { id: 'why', diff --git a/packages/website/ts/@next/components/hero.tsx b/packages/website/ts/@next/components/hero.tsx index 62008d53e..cb17071fc 100644 --- a/packages/website/ts/@next/components/hero.tsx +++ b/packages/website/ts/@next/components/hero.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import styled from 'styled-components'; -import {addFadeInAnimation, fadeIn} from 'ts/@next/constants/animations'; +import {addFadeInAnimation} from 'ts/@next/constants/animations'; interface Props { title: string; diff --git a/packages/website/ts/@next/components/heroAnimation.tsx b/packages/website/ts/@next/components/heroAnimation.tsx index 09440e21f..32117c1f8 100644 --- a/packages/website/ts/@next/components/heroAnimation.tsx +++ b/packages/website/ts/@next/components/heroAnimation.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import styled, { css, keyframes } from 'styled-components'; +import styled, { keyframes } from 'styled-components'; export const HeroAnimation = () => ( <Image width="404" height="404" viewBox="0 0 404 404" fill="none" xmlns="http://www.w3.org/2000/svg"> diff --git a/packages/website/ts/@next/components/heroImage.tsx b/packages/website/ts/@next/components/heroImage.tsx index 33195f42b..956218083 100644 --- a/packages/website/ts/@next/components/heroImage.tsx +++ b/packages/website/ts/@next/components/heroImage.tsx @@ -1,8 +1,6 @@ import * as React from 'react'; import styled from 'styled-components'; -import LogoOutlined from 'ts/@next/icons/illustrations/logo-outlined.svg'; - interface Props { image: React.ReactNode; } diff --git a/packages/website/ts/@next/components/icon.tsx b/packages/website/ts/@next/components/icon.tsx index e3ad83c94..04479e80a 100644 --- a/packages/website/ts/@next/components/icon.tsx +++ b/packages/website/ts/@next/components/icon.tsx @@ -12,7 +12,7 @@ interface IconProps extends PaddingInterface { export const Icon: React.FunctionComponent<IconProps> = (props: IconProps) => { if (props.name && !props.component) { const IconSVG = Loadable({ - loader: () => import(/* webpackChunkName: "icon" */`ts/@next/icons/illustrations/${props.name}.svg`), + loader: async () => import(/* webpackChunkName: "icon" */`ts/@next/icons/illustrations/${props.name}.svg`), loading: () => 'Loading', }); diff --git a/packages/website/ts/@next/components/link.tsx b/packages/website/ts/@next/components/link.tsx index c240a0cdc..ec0cba15e 100644 --- a/packages/website/ts/@next/components/link.tsx +++ b/packages/website/ts/@next/components/link.tsx @@ -2,8 +2,6 @@ import * as React from 'react'; import { Link as ReactRouterLink } from 'react-router-dom'; import styled from 'styled-components'; -import { colors } from 'ts/style/colors'; - interface LinkInterface { color?: string; children?: Node | string; diff --git a/packages/website/ts/@next/components/sections/landing/about.tsx b/packages/website/ts/@next/components/sections/landing/about.tsx index f913c192a..700d5e7d2 100644 --- a/packages/website/ts/@next/components/sections/landing/about.tsx +++ b/packages/website/ts/@next/components/sections/landing/about.tsx @@ -4,7 +4,7 @@ import styled from 'styled-components'; import {Button} from 'ts/@next/components/button'; import {Icon, InlineIconWrap} from 'ts/@next/components/icon'; import {Column, FlexWrap, Section} from 'ts/@next/components/newLayout'; -import {Heading, Paragraph} from 'ts/@next/components/text'; +import {Paragraph} from 'ts/@next/components/text'; interface FigureProps { value: string; diff --git a/packages/website/ts/@next/components/sections/landing/clients.tsx b/packages/website/ts/@next/components/sections/landing/clients.tsx index 8d3c11626..8e2347d02 100644 --- a/packages/website/ts/@next/components/sections/landing/clients.tsx +++ b/packages/website/ts/@next/components/sections/landing/clients.tsx @@ -1,7 +1,7 @@ import * as _ from 'lodash'; import * as React from 'react'; import styled from 'styled-components'; -import {Heading, Paragraph} from 'ts/@next/components/text'; +import {Heading} from 'ts/@next/components/text'; import {Section, WrapGrid} from 'ts/@next/components/newLayout'; diff --git a/packages/website/ts/@next/components/separator.tsx b/packages/website/ts/@next/components/separator.tsx index 1377bf706..ccc79aedf 100644 --- a/packages/website/ts/@next/components/separator.tsx +++ b/packages/website/ts/@next/components/separator.tsx @@ -1,4 +1,3 @@ -import * as React from 'react'; import styled from 'styled-components'; export const Separator = styled.hr` diff --git a/packages/website/ts/@next/components/slider/slider.tsx b/packages/website/ts/@next/components/slider/slider.tsx index 8274005b6..111d03579 100644 --- a/packages/website/ts/@next/components/slider/slider.tsx +++ b/packages/website/ts/@next/components/slider/slider.tsx @@ -1,11 +1,11 @@ import * as React from 'react'; -import Flickity from 'react-flickity-component' +import Flickity from 'react-flickity-component'; import styled from 'styled-components'; import { colors } from 'ts/style/colors'; import { Icon } from 'ts/@next/components/icon'; -import { Paragraph, Heading } from 'ts/@next/components/text'; +import { Heading, Paragraph } from 'ts/@next/components/text'; interface SliderProps { } @@ -25,7 +25,7 @@ const flickityOptions = { }; export const Slide: React.StatelessComponent<SlideProps> = (props: SlideProps) => { - const { heading, text, href, icon } = props; + const { heading, text, icon } = props; return ( <StyledSlide> @@ -124,12 +124,6 @@ const StyledSlider = styled.div` } `; -const SliderInner = styled.div` - position: absolute; - display: flex; - width: 100%; -`; - const StyledSlide = styled.div` background-color: ${colors.backgroundDark}; width: 560px; diff --git a/packages/website/ts/@next/components/text.tsx b/packages/website/ts/@next/components/text.tsx index c333dc43a..eb20c16e6 100644 --- a/packages/website/ts/@next/components/text.tsx +++ b/packages/website/ts/@next/components/text.tsx @@ -49,7 +49,7 @@ export const Heading: React.StatelessComponent<HeadingProps> = props => { const { asElement = 'h1', children, - ...style + ...style, } = props; const Component = StyledHeading.withComponent(asElement); |