diff options
author | fragosti <francesco.agosti93@gmail.com> | 2018-12-04 06:30:38 +0800 |
---|---|---|
committer | Fred Carlsen <fred@sjelfull.no> | 2018-12-06 18:56:11 +0800 |
commit | 80a25e4b3871843d3ec4c4f3eaa86c502c4d487d (patch) | |
tree | 03dd0e1919e3a7f205d623cd2ece16aa3a8c38f3 /packages/website/ts/pages/instant/configurator.tsx | |
parent | 4d7e5b4e5de8dc01703d1ca6d00b23cbd917ea28 (diff) | |
download | dexon-0x-contracts-80a25e4b3871843d3ec4c4f3eaa86c502c4d487d.tar dexon-0x-contracts-80a25e4b3871843d3ec4c4f3eaa86c502c4d487d.tar.gz dexon-0x-contracts-80a25e4b3871843d3ec4c4f3eaa86c502c4d487d.tar.bz2 dexon-0x-contracts-80a25e4b3871843d3ec4c4f3eaa86c502c4d487d.tar.lz dexon-0x-contracts-80a25e4b3871843d3ec4c4f3eaa86c502c4d487d.tar.xz dexon-0x-contracts-80a25e4b3871843d3ec4c4f3eaa86c502c4d487d.tar.zst dexon-0x-contracts-80a25e4b3871843d3ec4c4f3eaa86c502c4d487d.zip |
feat: add fee percentage slider
Diffstat (limited to 'packages/website/ts/pages/instant/configurator.tsx')
-rw-r--r-- | packages/website/ts/pages/instant/configurator.tsx | 32 |
1 files changed, 16 insertions, 16 deletions
diff --git a/packages/website/ts/pages/instant/configurator.tsx b/packages/website/ts/pages/instant/configurator.tsx index 0ce1d9810..5700bdc1d 100644 --- a/packages/website/ts/pages/instant/configurator.tsx +++ b/packages/website/ts/pages/instant/configurator.tsx @@ -46,7 +46,7 @@ export class Configurator extends React.Component<ConfiguratorProps> { </Container> <ConfigGenerator value={this.state.instantConfig} onConfigChange={this._handleConfigChange} /> </Container> - <Container className="mx3"> + <Container className="mx3" height="550px"> <Container className="mb3 flex justify-between"> <Text fontSize="20px" lineHeight="28px" fontColor={colors.white} fontWeight={500}> Code Snippet @@ -66,34 +66,34 @@ export class Configurator extends React.Component<ConfiguratorProps> { private readonly _generateCodeDemoCode = (): string => { const { instantConfig } = this.state; return `<head> - <script src="https://instant.0xproject.com/instant.js"></script> - </head> - <body> - <script> - zeroExInstant.render({ - liquiditySource: '${instantConfig.orderSource}',${ + <script src="https://instant.0xproject.com/instant.js"></script> +</head> +<body> + <script> + zeroExInstant.render({ + liquiditySource: '${instantConfig.orderSource}',${ !_.isUndefined(instantConfig.affiliateInfo) && instantConfig.affiliateInfo.feeRecipient - ? `\n\t\taffiliateInfo: { - feeRecipient: '${instantConfig.affiliateInfo.feeRecipient}', - feePercentage: ${instantConfig.affiliateInfo.feePercentage} - }` + ? `\n affiliateInfo: { + feeRecipient: '${instantConfig.affiliateInfo.feeRecipient}', + feePercentage: ${instantConfig.affiliateInfo.feePercentage} + }` : '' }${ !_.isUndefined(instantConfig.availableAssetDatas) - ? `\n\t\tavailableAssetDatas: ${this._renderAvailableAssetDatasString( + ? `\n availableAssetDatas: ${this._renderAvailableAssetDatasString( instantConfig.availableAssetDatas, )}` : '' } - }, 'body'); - </script> - </body>`; + }, 'body'); + </script> +</body>`; }; private readonly _renderAvailableAssetDatasString = (availableAssetDatas: string[]): string => { const stringAvailableAssetDatas = availableAssetDatas.map(assetData => `'${assetData}'`); if (availableAssetDatas.length < 2) { return `[${stringAvailableAssetDatas.join(', ')}]`; } - return `[\n\t\t\t${stringAvailableAssetDatas.join(', \n\t\t\t')}\n\t\t]`; + return `[\n\t\t${stringAvailableAssetDatas.join(', \n\t\t')}\n ]`; }; } |