feat: disable slider when no affiliate info

This commit is contained in:
fragosti 2018-12-05 23:33:04 -08:00
parent 6438241144
commit 179f093c26
2 changed files with 10 additions and 0 deletions

View File

@ -79,6 +79,11 @@ export class ConfigGenerator extends React.Component<ConfigGeneratorProps, Confi
<FeePercentageSlider <FeePercentageSlider
value={value.affiliateInfo.feePercentage} value={value.affiliateInfo.feePercentage}
onChange={this._handleAffiliatePercentageChange} onChange={this._handleAffiliatePercentageChange}
isDisabled={
_.isUndefined(value.affiliateInfo) ||
_.isUndefined(value.affiliateInfo.feeRecipient) ||
_.isEmpty(value.affiliateInfo.feeRecipient)
}
/> />
</ConfigGeneratorSection> </ConfigGeneratorSection>
</Container> </Container>

View File

@ -31,10 +31,14 @@ injectGlobal`
margin-left: -60%; margin-left: -60%;
} }
} }
.rc-slider-disabled {
background-color: inherit !important;
}
`; `;
export interface FeePercentageSliderProps { export interface FeePercentageSliderProps {
value: number; value: number;
isDisabled: boolean;
onChange: (value: number) => void; onChange: (value: number) => void;
} }
@ -42,6 +46,7 @@ export class FeePercentageSlider extends React.Component<FeePercentageSliderProp
public render(): React.ReactNode { public render(): React.ReactNode {
return ( return (
<SliderWithTooltip <SliderWithTooltip
disabled={this.props.isDisabled}
min={0} min={0}
max={0.05} max={0.05}
step={0.0025} step={0.0025}