crowetic/protocol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Cleanup

Browse Source
This commit is contained in:
Ezekiel Aquino
2018-12-14 17:43:56 +01:00
parent 6db28c5300
commit bdc8f9aa2a
16 changed files with 16 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/website/ts/@next/components/banner.tsx
View File

@@ -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';

8
packages/website/ts/@next/components/button.tsx
View File

@@ -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">

1
packages/website/ts/@next/components/chapter_link.tsx
View File

@@ -1,4 +1,3 @@
import * as React from 'react';
import { NavLink as ReactRouterLink } from 'react-router-dom';
import styled from 'styled-components';

2
packages/website/ts/@next/components/definition.tsx
View File

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

2
packages/website/ts/@next/components/footer.tsx
View File

@@ -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 {

6
packages/website/ts/@next/components/header.tsx
View File

@@ -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',

2
packages/website/ts/@next/components/hero.tsx
View File

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

2
packages/website/ts/@next/components/heroAnimation.tsx
View File

@@ -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">

2
packages/website/ts/@next/components/heroImage.tsx
View File

@@ -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;
}

2
packages/website/ts/@next/components/icon.tsx
View File

@@ -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',
});

2
packages/website/ts/@next/components/link.tsx
View File

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

2
packages/website/ts/@next/components/sections/landing/about.tsx
View File

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

2
packages/website/ts/@next/components/sections/landing/clients.tsx
View File

@@ -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';

1
packages/website/ts/@next/components/separator.tsx
View File

@@ -1,4 +1,3 @@
import * as React from 'react';
import styled from 'styled-components';
export const Separator = styled.hr`

12
packages/website/ts/@next/components/slider/slider.tsx
View File

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

2
packages/website/ts/@next/components/text.tsx
View File

@@ -49,7 +49,7 @@ export const Heading: React.StatelessComponent<HeadingProps> = props => {
const {
asElement = 'h1',
children,
...style
...style,
} = props;
const Component = StyledHeading.withComponent(asElement);