diff options
author | fragosti <francesco.agosti93@gmail.com> | 2018-07-07 06:11:01 +0800 |
---|---|---|
committer | fragosti <francesco.agosti93@gmail.com> | 2018-07-07 06:17:23 +0800 |
commit | 824c331ea0c0f57a717a242aab82dadfe9737004 (patch) | |
tree | 7e38666b22ae6f3c1d41c63200f5d4958d2dcdcc /packages/website/ts/components/onboarding/onboarding_flow.tsx | |
parent | b9e51d2fad271cab4803ca4d6acf28b9ec9da4c9 (diff) | |
download | dexon-sol-tools-824c331ea0c0f57a717a242aab82dadfe9737004.tar dexon-sol-tools-824c331ea0c0f57a717a242aab82dadfe9737004.tar.gz dexon-sol-tools-824c331ea0c0f57a717a242aab82dadfe9737004.tar.bz2 dexon-sol-tools-824c331ea0c0f57a717a242aab82dadfe9737004.tar.lz dexon-sol-tools-824c331ea0c0f57a717a242aab82dadfe9737004.tar.xz dexon-sol-tools-824c331ea0c0f57a717a242aab82dadfe9737004.tar.zst dexon-sol-tools-824c331ea0c0f57a717a242aab82dadfe9737004.zip |
Make unlock metamask step look more like mock
Diffstat (limited to 'packages/website/ts/components/onboarding/onboarding_flow.tsx')
-rw-r--r-- | packages/website/ts/components/onboarding/onboarding_flow.tsx | 7 |
1 files changed, 7 insertions, 0 deletions
diff --git a/packages/website/ts/components/onboarding/onboarding_flow.tsx b/packages/website/ts/components/onboarding/onboarding_flow.tsx index 8aebdf1d3..91d5f2476 100644 --- a/packages/website/ts/components/onboarding/onboarding_flow.tsx +++ b/packages/website/ts/components/onboarding/onboarding_flow.tsx @@ -31,12 +31,15 @@ export interface Step { // Provide either a CSS selector, or fixed position settings. Only applies to desktop. position: TargetPositionSettings | FixedPositionSettings; title?: string; + shouldCenterTitle?: boolean; content: React.ReactNode; shouldHideBackButton?: boolean; shouldHideNextButton?: boolean; continueButtonDisplay?: ContinueButtonDisplay; continueButtonText?: string; onContinueButtonClick?: () => void; + // Only used for very custom steps. + shouldRemoveExtraSpacing?: boolean; } export interface OnboardingFlowProps { @@ -114,6 +117,7 @@ export class OnboardingFlow extends React.Component<OnboardingFlowProps> { <Container marginLeft="30px" width="400px"> <OnboardingTooltip title={step.title} + shouldCenterTitle={step.shouldCenterTitle} content={step.content} isLastStep={isLastStep} shouldHideBackButton={step.shouldHideBackButton} @@ -125,6 +129,7 @@ export class OnboardingFlow extends React.Component<OnboardingFlowProps> { continueButtonText={step.continueButtonText} onContinueButtonClick={step.onContinueButtonClick} pointerDisplay={tooltipPointerDisplay} + shouldRemoveExtraSpacing={step.shouldRemoveExtraSpacing} /> </Container> ); @@ -138,6 +143,7 @@ export class OnboardingFlow extends React.Component<OnboardingFlowProps> { <Container position="relative" zIndex={1}> <OnboardingCard title={step.title} + shouldCenterTitle={step.shouldCenterTitle} content={step.content} isLastStep={isLastStep} shouldHideBackButton={step.shouldHideBackButton} @@ -149,6 +155,7 @@ export class OnboardingFlow extends React.Component<OnboardingFlowProps> { continueButtonText={step.continueButtonText} onContinueButtonClick={step.onContinueButtonClick} borderRadius="10px 10px 0px 0px" + shouldRemoveExtraSpacing={step.shouldRemoveExtraSpacing} /> </Container> ); |