diff options
author | Steve Klebanoff <steve@0xproject.com> | 2018-12-21 07:27:27 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-12-21 07:27:27 +0800 |
commit | bed5b275e4da4dd9a822b068849ba0ef28829a70 (patch) | |
tree | a0e7312aa413e0865f6916c38f3ddde3ae4a7ccd /packages/website/ts/pages/instant/fee_percentage_slider.tsx | |
parent | 0a84ee748823e5099b0767eedc5de95c71cb8f4e (diff) | |
parent | 5d3d596909e0e4d12d3372e58ae2083ee517f71c (diff) | |
download | dexon-sol-tools-bed5b275e4da4dd9a822b068849ba0ef28829a70.tar dexon-sol-tools-bed5b275e4da4dd9a822b068849ba0ef28829a70.tar.gz dexon-sol-tools-bed5b275e4da4dd9a822b068849ba0ef28829a70.tar.bz2 dexon-sol-tools-bed5b275e4da4dd9a822b068849ba0ef28829a70.tar.lz dexon-sol-tools-bed5b275e4da4dd9a822b068849ba0ef28829a70.tar.xz dexon-sol-tools-bed5b275e4da4dd9a822b068849ba0ef28829a70.tar.zst dexon-sol-tools-bed5b275e4da4dd9a822b068849ba0ef28829a70.zip |
Merge pull request #1466 from 0xProject/feature/website/remove-ts-warnings
[website] Fix TS errors
Diffstat (limited to 'packages/website/ts/pages/instant/fee_percentage_slider.tsx')
-rw-r--r-- | packages/website/ts/pages/instant/fee_percentage_slider.tsx | 77 |
1 files changed, 0 insertions, 77 deletions
diff --git a/packages/website/ts/pages/instant/fee_percentage_slider.tsx b/packages/website/ts/pages/instant/fee_percentage_slider.tsx deleted file mode 100644 index d76cee58f..000000000 --- a/packages/website/ts/pages/instant/fee_percentage_slider.tsx +++ /dev/null @@ -1,77 +0,0 @@ -import Slider from 'rc-slider'; -import 'rc-slider/assets/index.css'; -import * as React from 'react'; - -import { Text } from 'ts/components/ui/text'; -import { colors } from 'ts/style/colors'; -import { injectGlobal } from 'ts/style/theme'; - -const SliderWithTooltip = (Slider as any).createSliderWithTooltip(Slider); -// tslint:disable-next-line:no-unused-expression -injectGlobal` - .rc-slider-tooltip-inner { - box-shadow: none !important; - background-color: ${colors.white} !important; - border-radius: 4px !important; - padding: 3px 12px !important; - height: auto !important; - position: relative; - top: 7px; - &: after { - border: solid transparent; - content: " "; - height: 0; - width: 0; - position: absolute; - pointer-events: none; - border-width: 6px; - bottom: 100%; - left: 100%; - border-bottom-color: ${colors.white}; - margin-left: -60%; - } - } - .rc-slider-disabled { - background-color: inherit !important; - } -`; - -export interface FeePercentageSliderProps { - value: number; - isDisabled: boolean; - onChange: (value: number) => void; -} - -export class FeePercentageSlider extends React.Component<FeePercentageSliderProps> { - public render(): React.ReactNode { - return ( - <SliderWithTooltip - disabled={this.props.isDisabled} - min={0} - max={0.05} - step={0.0025} - value={this.props.value} - onChange={this.props.onChange} - tipFormatter={this._feePercentageSliderFormatter} - tipProps={{ placement: 'bottom' }} - trackStyle={{ - backgroundColor: '#b4b4b4', - }} - railStyle={{ - backgroundColor: '#696969', - }} - handleStyle={{ - border: 'none', - boxShadow: 'none', - }} - activeDotStyle={{ - boxShadow: 'none', - border: 'none', - }} - /> - ); - } - private readonly _feePercentageSliderFormatter = (value: number): React.ReactNode => { - return <Text fontColor={colors.black} fontSize="14px" fontWeight={700}>{`${(value * 100).toFixed(2)}%`}</Text>; - }; -} |