aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/pages
diff options
context:
space:
mode:
authorBrandon Millman <brandon.millman@gmail.com>2019-01-05 02:00:41 +0800
committerBrandon Millman <brandon.millman@gmail.com>2019-01-05 02:00:41 +0800
commit99b6ca5b4fd48019a5568a7ba353ebc1040577f4 (patch)
tree1af3b310f8ff0cf333bc5c7b2c0932eadbc3a6aa /packages/website/ts/pages
parent4e4de07e69d401a1cd220512560c995fbd0c4801 (diff)
downloaddexon-sol-tools-99b6ca5b4fd48019a5568a7ba353ebc1040577f4.tar
dexon-sol-tools-99b6ca5b4fd48019a5568a7ba353ebc1040577f4.tar.gz
dexon-sol-tools-99b6ca5b4fd48019a5568a7ba353ebc1040577f4.tar.bz2
dexon-sol-tools-99b6ca5b4fd48019a5568a7ba353ebc1040577f4.tar.lz
dexon-sol-tools-99b6ca5b4fd48019a5568a7ba353ebc1040577f4.tar.xz
dexon-sol-tools-99b6ca5b4fd48019a5568a7ba353ebc1040577f4.tar.zst
dexon-sol-tools-99b6ca5b4fd48019a5568a7ba353ebc1040577f4.zip
feat(website): Add support for copper forms in the offers
Diffstat (limited to 'packages/website/ts/pages')
-rw-r--r--packages/website/ts/pages/market_maker.tsx77
1 files changed, 49 insertions, 28 deletions
diff --git a/packages/website/ts/pages/market_maker.tsx b/packages/website/ts/pages/market_maker.tsx
index b374e5a2f..cb0c011d2 100644
--- a/packages/website/ts/pages/market_maker.tsx
+++ b/packages/website/ts/pages/market_maker.tsx
@@ -3,43 +3,64 @@ import * as React from 'react';
import { Banner } from 'ts/components/banner';
import { Button } from 'ts/components/button';
-import { Definition } from 'ts/components/definition';
+import { Action, Definition } from 'ts/components/definition';
import { Hero } from 'ts/components/hero';
import { ModalContact } from 'ts/components/modals/modal_contact';
import { Section } from 'ts/components/newLayout';
import { SiteWrap } from 'ts/components/siteWrap';
import { WebsitePaths } from 'ts/types';
-const offersData = [
- {
- icon: 'supportForAllEthereumStandards',
- title: 'Comprehensive Tutorials',
- description:
- 'Stay on the bleeding edge of crypto by learning how to market make on decentralized exchanges. The network of 0x relayers provides market makers a first-mover advantage to capture larger spreads, find arbitrage opportunities, and trade on new types of exchanges like prediction markets and non-fungible token marketplaces.',
- links: [
- {
- label: 'Explore the Docs',
- url: `${WebsitePaths.Wiki}#Market-Making-on-0x`,
- },
- ],
- },
- {
- icon: 'generateRevenueForYourBusiness-large',
- title: 'Market Making Compensation',
- description: 'Accepted applicants can receive up to $15,000 for completing onboarding',
- },
- {
- icon: 'getInTouch',
- title: 'Dedicated Support',
- description:
- 'The 0x team will provide 1:1 onboarding assistance and promptly answer all your questions. They will walk you through the tutorials so that you know how to read 0x order types, spin up an Ethereum node, and execute trades on the blockchain.',
- },
-];
+interface OfferData {
+ icon: string;
+ title: string;
+ description: string;
+ links?: Action[];
+}
+export interface NextMarketMakerProps {}
-export class NextMarketMaker extends React.Component {
+export class NextMarketMaker extends React.Component<NextMarketMakerProps> {
public state = {
isContactModalOpen: false,
};
+
+ private _offersData: OfferData[];
+
+ constructor(props: NextMarketMakerProps) {
+ super(props);
+ this._offersData = [
+ {
+ icon: 'supportForAllEthereumStandards',
+ title: 'Comprehensive Tutorials',
+ description:
+ 'Stay on the bleeding edge of crypto by learning how to market make on decentralized exchanges. The network of 0x relayers provides market makers a first-mover advantage to capture larger spreads, find arbitrage opportunities, and trade on new types of exchanges like prediction markets and non-fungible token marketplaces.',
+ links: [
+ {
+ label: 'Explore the Docs',
+ url: `${WebsitePaths.Wiki}#Market-Making-on-0x`,
+ },
+ ],
+ },
+ {
+ icon: 'generateRevenueForYourBusiness-large',
+ title: 'Market Making Compensation',
+ description: 'Accepted applicants can receive up to $15,000 for completing onboarding',
+ },
+ {
+ icon: 'getInTouch',
+ title: 'Dedicated Support',
+ description:
+ 'The 0x team will provide 1:1 onboarding assistance and promptly answer all your questions. They will walk you through the tutorials so that you know how to read 0x order types, spin up an Ethereum node, and execute trades on the blockchain.',
+ links: [
+ {
+ label: 'Contact Us',
+ onClick: this._onOpenContactModal.bind(this),
+ shouldUseAnchorTag: true,
+ },
+ ],
+ },
+ ];
+ }
+
public render(): React.ReactNode {
return (
<SiteWrap theme="light">
@@ -84,7 +105,7 @@ export class NextMarketMaker extends React.Component {
</Section>
<Section>
- {_.map(offersData, (item, index) => (
+ {_.map(this._offersData, (item, index) => (
<Definition
key={`offers-${index}`}
icon={item.icon}