packages/website/ts/components/onboarding/portal_onboarding_flow.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

import * as React from 'react';
import { Step } from 'react-joyride';

import { OnboardingFlow } from 'ts/components/onboarding/onboarding_flow';

export interface PortalOnboardingFlowProps {
    stepIndex: number;
    isRunning: boolean;
    setOnboardingShowing: (isShowing: boolean) => void;
}

const steps: Step[] = [
    {
        target: '.wallet',
        content: 'You are onboarding right now!',
        placement: 'right',
        disableBeacon: true,
    },
];

export class PortalOnboardingFlow extends React.Component<PortalOnboardingFlowProps> {
    public render(): React.ReactNode {
        return (
            <OnboardingFlow
                steps={steps}
                stepIndex={this.props.stepIndex}
                isRunning={this.props.isRunning}
                onClose={this._handleClose.bind(this)}
            />
        );
    }

    private _handleClose(): void {
        this.props.setOnboardingShowing(false);
    }
}