diff options
| author | Brandon Millman <brandon.millman@gmail.com> | 2018-06-30 02:55:00 +0800 |
|---|---|---|
| committer | Brandon Millman <brandon.millman@gmail.com> | 2018-06-30 02:55:00 +0800 |
| commit | 03bc7bb935c71106dd3c5b577d08ca3b12977e5f (patch) | |
| tree | 62ba2856e1fc7a720c9f93a04076de8a26df16c4 /packages/website/ts/components | |
| parent | f89acb49be50ad6d9814dafb580b28722d9a161a (diff) | |
| download | dexon-sol-tools-03bc7bb935c71106dd3c5b577d08ca3b12977e5f.tar dexon-sol-tools-03bc7bb935c71106dd3c5b577d08ca3b12977e5f.tar.gz dexon-sol-tools-03bc7bb935c71106dd3c5b577d08ca3b12977e5f.tar.bz2 dexon-sol-tools-03bc7bb935c71106dd3c5b577d08ca3b12977e5f.tar.lz dexon-sol-tools-03bc7bb935c71106dd3c5b577d08ca3b12977e5f.tar.xz dexon-sol-tools-03bc7bb935c71106dd3c5b577d08ca3b12977e5f.tar.zst dexon-sol-tools-03bc7bb935c71106dd3c5b577d08ca3b12977e5f.zip | |
Move wallet scrollIntoView into PortalOnboardingFlow
Diffstat (limited to 'packages/website/ts/components')
| -rw-r--r-- | packages/website/ts/components/onboarding/portal_onboarding_flow.tsx | 8 | ||||
| -rw-r--r-- | packages/website/ts/components/portal/portal.tsx | 6 |
2 files changed, 7 insertions, 7 deletions
diff --git a/packages/website/ts/components/onboarding/portal_onboarding_flow.tsx b/packages/website/ts/components/onboarding/portal_onboarding_flow.tsx index 296b410fe..ccc8d9e86 100644 --- a/packages/website/ts/components/onboarding/portal_onboarding_flow.tsx +++ b/packages/website/ts/components/onboarding/portal_onboarding_flow.tsx @@ -47,8 +47,14 @@ class PlainPortalOnboardingFlow extends React.Component<PortalOnboardingFlowProp public componentWillUnmount(): void { this._unlisten(); } - public componentDidUpdate(): void { + public componentDidUpdate(prevProps: PortalOnboardingFlowProps): void { this._overrideOnboardingStateIfShould(); + if (!prevProps.isRunning && this.props.isRunning) { + // On mobile, make sure the wallet is completely visible. + if (this.props.screenWidth === ScreenWidths.Sm) { + document.querySelector('.wallet').scrollIntoView(); + } + } } public render(): React.ReactNode { return ( diff --git a/packages/website/ts/components/portal/portal.tsx b/packages/website/ts/components/portal/portal.tsx index 6da41e64b..8a86a7c8d 100644 --- a/packages/website/ts/components/portal/portal.tsx +++ b/packages/website/ts/components/portal/portal.tsx @@ -154,12 +154,6 @@ export class Portal extends React.Component<PortalProps, PortalState> { // tslint:disable-next-line:no-floating-promises this._fetchBalancesAndAllowancesAsync(this._getCurrentTrackedTokensAddresses()); } - if (!prevProps.isPortalOnboardingShowing && this.props.isPortalOnboardingShowing) { - // On mobile, make sure the wallet is completely visible. - if (this.props.screenWidth === ScreenWidths.Sm) { - document.querySelector('.wallet').scrollIntoView(); - } - } } public componentWillReceiveProps(nextProps: PortalProps): void { if (nextProps.networkId !== this.state.prevNetworkId) { |