diff options
author | fragosti <francesco.agosti93@gmail.com> | 2018-12-04 08:47:52 +0800 |
---|---|---|
committer | fragosti <francesco.agosti93@gmail.com> | 2018-12-04 08:47:52 +0800 |
commit | 48bfe9274079be308df754f19dcd0030f014b93c (patch) | |
tree | 7b4fa01684a9e6d19a6eea1abd4df80b373ca0f1 /packages/website/ts/pages/instant/config_generator.tsx | |
parent | d8a3fc0be012ff88a851d2f388662b4aaaec5199 (diff) | |
download | dexon-sol-tools-48bfe9274079be308df754f19dcd0030f014b93c.tar dexon-sol-tools-48bfe9274079be308df754f19dcd0030f014b93c.tar.gz dexon-sol-tools-48bfe9274079be308df754f19dcd0030f014b93c.tar.bz2 dexon-sol-tools-48bfe9274079be308df754f19dcd0030f014b93c.tar.lz dexon-sol-tools-48bfe9274079be308df754f19dcd0030f014b93c.tar.xz dexon-sol-tools-48bfe9274079be308df754f19dcd0030f014b93c.tar.zst dexon-sol-tools-48bfe9274079be308df754f19dcd0030f014b93c.zip |
feat: create more dank slider
Diffstat (limited to 'packages/website/ts/pages/instant/config_generator.tsx')
-rw-r--r-- | packages/website/ts/pages/instant/config_generator.tsx | 9 |
1 files changed, 3 insertions, 6 deletions
diff --git a/packages/website/ts/pages/instant/config_generator.tsx b/packages/website/ts/pages/instant/config_generator.tsx index 08aaa1d81..facda850e 100644 --- a/packages/website/ts/pages/instant/config_generator.tsx +++ b/packages/website/ts/pages/instant/config_generator.tsx @@ -3,7 +3,6 @@ import { getContractAddressesForNetworkOrThrow } from '@0x/contract-addresses'; import { assetDataUtils } from '@0x/order-utils'; import { ObjectMap } from '@0x/types'; import * as _ from 'lodash'; -import Slider from 'material-ui/Slider'; import * as React from 'react'; import { CheckMark } from 'ts/components/ui/check_mark'; @@ -13,6 +12,7 @@ import { Select, SelectItemConfig } from 'ts/components/ui/select'; import { Spinner } from 'ts/components/ui/spinner'; import { Text } from 'ts/components/ui/text'; import { ConfigGeneratorAddressInput } from 'ts/pages/instant/config_generator_address_input'; +import { FeePercentageSlider } from 'ts/pages/instant/fee_percentage_slider'; import { colors } from 'ts/style/colors'; import { WebsiteBackendTokenInfo } from 'ts/types'; import { backendClient } from 'ts/utils/backend_client'; @@ -71,10 +71,7 @@ export class ConfigGenerator extends React.Component<ConfigGeneratorProps, Confi actionText="Learn more" onActionTextClick={this._handleAffiliatePercentageLearnMoreClick} > - <Slider - min={0} - max={0.05} - step={0.0025} + <FeePercentageSlider value={value.affiliateInfo.feePercentage} onChange={this._handleAffiliatePercentageChange} /> @@ -126,7 +123,7 @@ export class ConfigGenerator extends React.Component<ConfigGeneratorProps, Confi }; this.props.onConfigChange(newConfig); }; - private readonly _handleAffiliatePercentageChange = (event: any, value: number) => { + private readonly _handleAffiliatePercentageChange = (value: number) => { const oldConfig: ZeroExInstantBaseConfig = this.props.value; const newConfig: ZeroExInstantBaseConfig = { ...oldConfig, |