From b0e6ce581a77d752d4a0b7f025237c4ac0aee010 Mon Sep 17 00:00:00 2001
From: fragosti <francesco.agosti93@gmail.com>
Date: Fri, 25 May 2018 12:02:18 -0700
Subject: Add next button

---
 packages/typescript-typings/types/react-joyride/index.d.ts          | 3 ++-
 packages/website/ts/components/onboarding/onboarding_flow.tsx       | 6 +++++-
 .../website/ts/components/onboarding/portal_onboarding_flow.tsx     | 6 ++++++
 3 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/packages/typescript-typings/types/react-joyride/index.d.ts b/packages/typescript-typings/types/react-joyride/index.d.ts
index f126e4c86..b9094823d 100644
--- a/packages/typescript-typings/types/react-joyride/index.d.ts
+++ b/packages/typescript-typings/types/react-joyride/index.d.ts
@@ -62,6 +62,7 @@ declare module 'react-joyride' {
         steps?: Step[];
         beaconComponent?: React.ReactNode;
         disableOverlayClose?: boolean;
+        continuous?: boolean;
         run?: boolean;
         stepIndex?: number;
         callback?: (data: CallbackData) => void;
@@ -70,7 +71,7 @@ declare module 'react-joyride' {
     }
 
     export interface State {
-        action: string;
+        action: 'prev' | 'close' | 'next';
         controlled: boolean;
         index: number;
         lifecycle: string;
diff --git a/packages/website/ts/components/onboarding/onboarding_flow.tsx b/packages/website/ts/components/onboarding/onboarding_flow.tsx
index 0cb640f8f..68dfc11bf 100644
--- a/packages/website/ts/components/onboarding/onboarding_flow.tsx
+++ b/packages/website/ts/components/onboarding/onboarding_flow.tsx
@@ -31,6 +31,7 @@ export class OnboardingFlow extends React.Component<OnboardingFlowProps> {
         return (
             <Joyride
                 run={this.props.isRunning}
+                continuous={true}
                 debug={true}
                 steps={this.props.steps}
                 stepIndex={this.props.stepIndex}
@@ -48,7 +49,9 @@ export class OnboardingFlow extends React.Component<OnboardingFlowProps> {
             this.props.steps.length,
             blacklistedSteps,
         );
-        this.props.setOnboardingStep(newStepIndex);
+        if (newStepIndex !== nextIndex) {
+            this.props.setOnboardingStep(newStepIndex);
+        }
     }
 
     private _adjustedStepBasedOnBlacklist(
@@ -87,6 +90,7 @@ export class OnboardingFlow extends React.Component<OnboardingFlowProps> {
         switch (data.action) {
             case 'close':
                 this.props.onClose();
+                break;
         }
     }
 }
diff --git a/packages/website/ts/components/onboarding/portal_onboarding_flow.tsx b/packages/website/ts/components/onboarding/portal_onboarding_flow.tsx
index ab9d58415..99fe5006d 100644
--- a/packages/website/ts/components/onboarding/portal_onboarding_flow.tsx
+++ b/packages/website/ts/components/onboarding/portal_onboarding_flow.tsx
@@ -40,6 +40,12 @@ const steps: Step[] = [
         placement: 'right',
         disableBeacon: true,
     },
+    {
+        target: '.wallet',
+        content: 'Before you begin you will need to send some ETH to your metamask wallet',
+        placement: 'right',
+        disableBeacon: true,
+    },
 ];
 
 export class PortalOnboardingFlow extends React.Component<PortalOnboardingFlowProps> {
-- 
cgit v1.2.3