Merge pull request #607 from 0xProject/feature/website/onboarding-setup

Set up structure for onboarding flow along with basic step 0

1 files changed, 32 insertions, 0 deletions

diff --git a/packages/website/ts/components/onboarding/portal_onboarding_flow.tsx b/packages/website/ts/components/onboarding/portal_onboarding_flow.tsx
new file mode 100644
index 000000000..11684aaee
--- /dev/null
+++ b/packages/website/ts/components/onboarding/portal_onboarding_flow.tsx
@@ -0,0 +1,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}
+            />
+        );
+    }
+}