aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorfragosti <francesco.agosti93@gmail.com>2018-06-28 04:40:52 +0800
committerfragosti <francesco.agosti93@gmail.com>2018-06-28 04:40:52 +0800
commitffdc7d13a9ee1f621f885d8f4f375998944b30de (patch)
tree51c2e0072e0de3a65107d72de5990a43156f2770
parentc5085d83649c1e7fdee6594866b69ae230a1cfe8 (diff)
downloaddexon-0x-contracts-ffdc7d13a9ee1f621f885d8f4f375998944b30de.tar.gz
dexon-0x-contracts-ffdc7d13a9ee1f621f885d8f4f375998944b30de.tar.zst
dexon-0x-contracts-ffdc7d13a9ee1f621f885d8f4f375998944b30de.zip
Make onboarding bounce around less
-rw-r--r--packages/website/ts/components/onboarding/portal_onboarding_flow.tsx6
-rw-r--r--packages/website/ts/components/wallet/wallet.tsx12
2 files changed, 5 insertions, 13 deletions
diff --git a/packages/website/ts/components/onboarding/portal_onboarding_flow.tsx b/packages/website/ts/components/onboarding/portal_onboarding_flow.tsx
index 86c4f771c..a19439e34 100644
--- a/packages/website/ts/components/onboarding/portal_onboarding_flow.tsx
+++ b/packages/website/ts/components/onboarding/portal_onboarding_flow.tsx
@@ -90,14 +90,14 @@ class PlainPortalOnboardingFlow extends React.Component<PortalOnboardingFlowProp
continueButtonDisplay: 'enabled',
},
{
- target: '.eth-row',
+ target: '.wallet',
title: 'Add ETH',
content: <AddEthOnboardingStep />,
placement: 'right',
continueButtonDisplay: this._userHasVisibleEth() ? 'enabled' : 'disabled',
},
{
- target: '.weth-row',
+ target: '.wallet',
title: 'Step 1/2',
content: (
<WrapEthOnboardingStep
@@ -110,7 +110,7 @@ class PlainPortalOnboardingFlow extends React.Component<PortalOnboardingFlowProp
continueButtonDisplay: this._userHasVisibleWeth() ? 'enabled' : undefined,
},
{
- target: '.weth-row',
+ target: '.wallet',
title: 'Step 2/2',
content: (
<SetAllowancesOnboardingStep
diff --git a/packages/website/ts/components/wallet/wallet.tsx b/packages/website/ts/components/wallet/wallet.tsx
index dc48d6619..5dde0f4e7 100644
--- a/packages/website/ts/components/wallet/wallet.tsx
+++ b/packages/website/ts/components/wallet/wallet.tsx
@@ -311,7 +311,7 @@ export class Wallet extends React.Component<WalletProps, WalletState> {
wrappedEtherDirection: Side.Deposit,
};
const key = ETHER_ITEM_KEY;
- return this._renderBalanceRow(key, icon, primaryText, secondaryText, accessoryItemConfig, false, 'eth-row');
+ return this._renderBalanceRow(key, icon, primaryText, secondaryText, accessoryItemConfig, false);
}
private _renderTokenRows(): React.ReactNode {
const trackedTokens = this.props.trackedTokens;
@@ -351,15 +351,7 @@ export class Wallet extends React.Component<WalletProps, WalletState> {
};
const key = token.address;
const isLastRow = index === this.props.trackedTokens.length - 1;
- return this._renderBalanceRow(
- key,
- icon,
- primaryText,
- secondaryText,
- accessoryItemConfig,
- isLastRow,
- isWeth ? 'weth-row' : undefined,
- );
+ return this._renderBalanceRow(key, icon, primaryText, secondaryText, accessoryItemConfig, isLastRow);
}
private _renderBalanceRow(
key: string,