diff options
| -rw-r--r-- | packages/website/ts/pages/instant/config_generator.tsx | 5 | ||||
| -rw-r--r-- | packages/website/ts/pages/instant/fee_percentage_slider.tsx | 5 |
2 files changed, 10 insertions, 0 deletions
diff --git a/packages/website/ts/pages/instant/config_generator.tsx b/packages/website/ts/pages/instant/config_generator.tsx index fe70ef04c..fbeeeaeaf 100644 --- a/packages/website/ts/pages/instant/config_generator.tsx +++ b/packages/website/ts/pages/instant/config_generator.tsx @@ -79,6 +79,11 @@ export class ConfigGenerator extends React.Component<ConfigGeneratorProps, Confi <FeePercentageSlider value={value.affiliateInfo.feePercentage} onChange={this._handleAffiliatePercentageChange} + isDisabled={ + _.isUndefined(value.affiliateInfo) || + _.isUndefined(value.affiliateInfo.feeRecipient) || + _.isEmpty(value.affiliateInfo.feeRecipient) + } /> </ConfigGeneratorSection> </Container> diff --git a/packages/website/ts/pages/instant/fee_percentage_slider.tsx b/packages/website/ts/pages/instant/fee_percentage_slider.tsx index 4c92883cb..d76cee58f 100644 --- a/packages/website/ts/pages/instant/fee_percentage_slider.tsx +++ b/packages/website/ts/pages/instant/fee_percentage_slider.tsx @@ -31,10 +31,14 @@ injectGlobal` margin-left: -60%; } } + .rc-slider-disabled { + background-color: inherit !important; + } `; export interface FeePercentageSliderProps { value: number; + isDisabled: boolean; onChange: (value: number) => void; } @@ -42,6 +46,7 @@ export class FeePercentageSlider extends React.Component<FeePercentageSliderProp public render(): React.ReactNode { return ( <SliderWithTooltip + disabled={this.props.isDisabled} min={0} max={0.05} step={0.0025} |