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

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;
    onClose: () => 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.props.onClose}
            />
        );
    }
}