aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorBrandon Millman <brandon.millman@gmail.com>2018-11-29 05:23:28 +0800
committerBrandon Millman <brandon.millman@gmail.com>2018-11-29 05:23:28 +0800
commit9608d6fc71da20899670781a30e38f229c01a75d (patch)
tree8c9a2410e75616ac5d862ff75b0ef4ff1c106ec3
parent045336042f27314b9aec866a8c39fbb413ce373f (diff)
downloaddexon-sol-tools-9608d6fc71da20899670781a30e38f229c01a75d.tar
dexon-sol-tools-9608d6fc71da20899670781a30e38f229c01a75d.tar.gz
dexon-sol-tools-9608d6fc71da20899670781a30e38f229c01a75d.tar.bz2
dexon-sol-tools-9608d6fc71da20899670781a30e38f229c01a75d.tar.lz
dexon-sol-tools-9608d6fc71da20899670781a30e38f229c01a75d.tar.xz
dexon-sol-tools-9608d6fc71da20899670781a30e38f229c01a75d.tar.zst
dexon-sol-tools-9608d6fc71da20899670781a30e38f229c01a75d.zip
feature(website): add configurator shell
-rw-r--r--packages/website/ts/pages/instant/configurator.tsx6
-rw-r--r--packages/website/ts/pages/instant/instant.tsx2
2 files changed, 8 insertions, 0 deletions
diff --git a/packages/website/ts/pages/instant/configurator.tsx b/packages/website/ts/pages/instant/configurator.tsx
new file mode 100644
index 000000000..1cfdfea5d
--- /dev/null
+++ b/packages/website/ts/pages/instant/configurator.tsx
@@ -0,0 +1,6 @@
+import * as React from 'react';
+
+import { Container } from 'ts/components/ui/container';
+import { colors } from 'ts/style/colors';
+
+export const Configurator = () => <Container height="400px" backgroundColor={colors.instantTertiaryBackground} />;
diff --git a/packages/website/ts/pages/instant/instant.tsx b/packages/website/ts/pages/instant/instant.tsx
index 4eac251f4..a9736f0f3 100644
--- a/packages/website/ts/pages/instant/instant.tsx
+++ b/packages/website/ts/pages/instant/instant.tsx
@@ -6,6 +6,7 @@ import { Footer } from 'ts/components/footer';
import { MetaTags } from 'ts/components/meta_tags';
import { TopBar } from 'ts/components/top_bar/top_bar';
import { Container } from 'ts/components/ui/container';
+import { Configurator } from 'ts/pages/instant/configurator';
import { Features } from 'ts/pages/instant/features';
import { Introducing0xInstant } from 'ts/pages/instant/introducing_0x_instant';
import { NeedMore } from 'ts/pages/instant/need_more';
@@ -56,6 +57,7 @@ export class Instant extends React.Component<InstantProps, InstantState> {
<Introducing0xInstant screenWidth={this.props.screenWidth} />
<Screenshots screenWidth={this.props.screenWidth} />
<Features screenWidth={this.props.screenWidth} />
+ <Configurator />
<NeedMore screenWidth={this.props.screenWidth} />
<Footer translate={this.props.translate} dispatcher={this.props.dispatcher} />
</Container>