Basic onboarding flow infrastructure set up

1 files changed, 23 insertions, 0 deletions

diff --git a/packages/website/ts/containers/portal_onboarding_flow.ts b/packages/website/ts/containers/portal_onboarding_flow.ts
new file mode 100644
index 000000000..46c23f62f
--- /dev/null
+++ b/packages/website/ts/containers/portal_onboarding_flow.ts
@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { connect } from 'react-redux';
+import { Dispatch } from 'redux';
+
+import {
+    PortalOnboardingFlow as PortalOnboardingFlowComponent,
+    PortalOnboardingFlowProps as PortalOnboardingFlowComponentProps,
+} from 'ts/components/onboarding/portal_onboarding_flow';
+import { State } from 'ts/redux/reducer';
+
+interface ConnectedState {
+    stepIndex: number;
+    isRunning: boolean;
+}
+
+const mapStateToProps = (state: State, ownProps: PortalOnboardingFlowComponentProps): ConnectedState => {
+    return {
+        stepIndex: state.portalOnboardingStep,
+        isRunning: state.isPortalOnboardingShowing,
+    };
+};
+
+export const PortalOnboardingFlow: React.ComponentClass<PortalOnboardingFlowComponentProps> = connect(mapStateToProps)(PortalOnboardingFlowComponent);