Cleanup

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);