aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorfragosti <francesco.agosti93@gmail.com>2018-05-26 03:02:18 +0800
committerfragosti <francesco.agosti93@gmail.com>2018-05-26 03:03:18 +0800
commitb0e6ce581a77d752d4a0b7f025237c4ac0aee010 (patch)
treee991f5b4fe8cda78952fbfa03e348d45e4f83716
parente575323c6013b89873b698a7f34da135a4b2c51f (diff)
downloaddexon-sol-tools-b0e6ce581a77d752d4a0b7f025237c4ac0aee010.tar
dexon-sol-tools-b0e6ce581a77d752d4a0b7f025237c4ac0aee010.tar.gz
dexon-sol-tools-b0e6ce581a77d752d4a0b7f025237c4ac0aee010.tar.bz2
dexon-sol-tools-b0e6ce581a77d752d4a0b7f025237c4ac0aee010.tar.lz
dexon-sol-tools-b0e6ce581a77d752d4a0b7f025237c4ac0aee010.tar.xz
dexon-sol-tools-b0e6ce581a77d752d4a0b7f025237c4ac0aee010.tar.zst
dexon-sol-tools-b0e6ce581a77d752d4a0b7f025237c4ac0aee010.zip
Add next button
-rw-r--r--packages/typescript-typings/types/react-joyride/index.d.ts3
-rw-r--r--packages/website/ts/components/onboarding/onboarding_flow.tsx6
-rw-r--r--packages/website/ts/components/onboarding/portal_onboarding_flow.tsx6
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> {