diff options
author | fragosti <francesco.agosti93@gmail.com> | 2018-05-23 06:18:22 +0800 |
---|---|---|
committer | fragosti <francesco.agosti93@gmail.com> | 2018-05-25 01:52:11 +0800 |
commit | b4e1ce59f9d5500667228f4ab1a2c9c4ca087ca7 (patch) | |
tree | 951170665292c24f2bd3720ad21200185d7e2e54 /packages/website/ts/components/onboarding/onboarding_flow.tsx | |
parent | 7af77d3eb0a73a0bd27898f5d3842c7dc7afef77 (diff) | |
download | dexon-0x-contracts-b4e1ce59f9d5500667228f4ab1a2c9c4ca087ca7.tar.gz dexon-0x-contracts-b4e1ce59f9d5500667228f4ab1a2c9c4ca087ca7.tar.zst dexon-0x-contracts-b4e1ce59f9d5500667228f4ab1a2c9c4ca087ca7.zip |
Fix issue where modal can be out of sync with app state
Diffstat (limited to 'packages/website/ts/components/onboarding/onboarding_flow.tsx')
-rw-r--r-- | packages/website/ts/components/onboarding/onboarding_flow.tsx | 24 |
1 files changed, 19 insertions, 5 deletions
diff --git a/packages/website/ts/components/onboarding/onboarding_flow.tsx b/packages/website/ts/components/onboarding/onboarding_flow.tsx index 5bbf84e1b..1d98d5901 100644 --- a/packages/website/ts/components/onboarding/onboarding_flow.tsx +++ b/packages/website/ts/components/onboarding/onboarding_flow.tsx @@ -8,6 +8,8 @@ interface OnboardingFlowProps { steps: Step[]; stepIndex?: number; isRunning: boolean; + onClose: () => void; + onChange?: (options: any) => void; } const style: StyleOptions = { @@ -16,16 +18,28 @@ const style: StyleOptions = { // Wrapper around Joyride with defaults and styles set export class OnboardingFlow extends React.Component<OnboardingFlowProps> { + public static defaultProps: Partial<OnboardingFlowProps> = { + onChange: _.noop, + }; + public render(): React.ReactNode { - const { steps, stepIndex, isRunning } = this.props; return ( <Joyride - run={isRunning} + run={this.props.isRunning} debug={true} - steps={steps} - stepIndex={stepIndex} + steps={this.props.steps} + stepIndex={this.props.stepIndex} styles={{ options: style }} + callback={this._handleChange.bind(this)} /> ); } -}; + + private _handleChange(options: any): void { + switch (options.action) { + case 'close': + this.props.onClose(); + } + this.props.onChange(options); + } +} |