diff options
author | fragosti <francesco.agosti93@gmail.com> | 2018-07-07 05:23:00 +0800 |
---|---|---|
committer | fragosti <francesco.agosti93@gmail.com> | 2018-07-07 05:23:00 +0800 |
commit | b9e51d2fad271cab4803ca4d6acf28b9ec9da4c9 (patch) | |
tree | 1560f74d61344670682d8d2597160659f590bdad /packages/website/ts/components/onboarding/onboarding_flow.tsx | |
parent | 9669a4d1216b7d22107580daf3e2bff464eb2ade (diff) | |
download | dexon-sol-tools-b9e51d2fad271cab4803ca4d6acf28b9ec9da4c9.tar dexon-sol-tools-b9e51d2fad271cab4803ca4d6acf28b9ec9da4c9.tar.gz dexon-sol-tools-b9e51d2fad271cab4803ca4d6acf28b9ec9da4c9.tar.bz2 dexon-sol-tools-b9e51d2fad271cab4803ca4d6acf28b9ec9da4c9.tar.lz dexon-sol-tools-b9e51d2fad271cab4803ca4d6acf28b9ec9da4c9.tar.xz dexon-sol-tools-b9e51d2fad271cab4803ca4d6acf28b9ec9da4c9.tar.zst dexon-sol-tools-b9e51d2fad271cab4803ca4d6acf28b9ec9da4c9.zip |
Add updated asset for unlock metamask portal onboarding step
Diffstat (limited to 'packages/website/ts/components/onboarding/onboarding_flow.tsx')
-rw-r--r-- | packages/website/ts/components/onboarding/onboarding_flow.tsx | 17 |
1 files changed, 10 insertions, 7 deletions
diff --git a/packages/website/ts/components/onboarding/onboarding_flow.tsx b/packages/website/ts/components/onboarding/onboarding_flow.tsx index 46dc897bd..8aebdf1d3 100644 --- a/packages/website/ts/components/onboarding/onboarding_flow.tsx +++ b/packages/website/ts/components/onboarding/onboarding_flow.tsx @@ -2,11 +2,14 @@ import * as React from 'react'; import { Placement, Popper, PopperChildrenProps } from 'react-popper'; import { OnboardingCard } from 'ts/components/onboarding/onboarding_card'; -import { ContinueButtonDisplay, OnboardingTooltip } from 'ts/components/onboarding/onboarding_tooltip'; +import { + ContinueButtonDisplay, + OnboardingTooltip, + TooltipPointerDisplay, +} from 'ts/components/onboarding/onboarding_tooltip'; import { Animation } from 'ts/components/ui/animation'; import { Container } from 'ts/components/ui/container'; import { Overlay } from 'ts/components/ui/overlay'; -import { PointerDirection } from 'ts/components/ui/pointer'; import { zIndex } from 'ts/style/z_index'; export interface FixedPositionSettings { @@ -15,7 +18,7 @@ export interface FixedPositionSettings { bottom?: string; left?: string; right?: string; - pointerDirection?: PointerDirection; + tooltipPointerDisplay?: TooltipPointerDisplay; } export interface TargetPositionSettings { @@ -69,7 +72,7 @@ export class OnboardingFlow extends React.Component<OnboardingFlowProps> { </Popper> ); } else if (currentStep.position.type === 'fixed') { - const { top, right, bottom, left, pointerDirection } = currentStep.position; + const { top, right, bottom, left, tooltipPointerDisplay } = currentStep.position; onboardingElement = ( <Container position="fixed" @@ -79,7 +82,7 @@ export class OnboardingFlow extends React.Component<OnboardingFlowProps> { bottom={bottom} left={left} > - {this._renderToolTip(pointerDirection)} + {this._renderToolTip(tooltipPointerDisplay)} </Container> ); } @@ -103,7 +106,7 @@ export class OnboardingFlow extends React.Component<OnboardingFlowProps> { </div> ); } - private _renderToolTip(pointerDirection?: PointerDirection): React.ReactNode { + private _renderToolTip(tooltipPointerDisplay?: TooltipPointerDisplay): React.ReactNode { const { steps, stepIndex } = this.props; const step = steps[stepIndex]; const isLastStep = steps.length - 1 === stepIndex; @@ -121,7 +124,7 @@ export class OnboardingFlow extends React.Component<OnboardingFlowProps> { continueButtonDisplay={step.continueButtonDisplay} continueButtonText={step.continueButtonText} onContinueButtonClick={step.onContinueButtonClick} - pointerDirection={pointerDirection} + pointerDisplay={tooltipPointerDisplay} /> </Container> ); |