crowetic/protocol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Move wallet scrollIntoView into PortalOnboardingFlow

Browse Source
This commit is contained in:
Brandon Millman 2018-06-29 11:55:00 -07:00
parent f89acb49be
commit 03bc7bb935
2 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/website/ts/components/onboarding/portal_onboarding_flow.tsx
View File

@ -47,8 +47,14 @@ class PlainPortalOnboardingFlow extends React.Component<PortalOnboardingFlowProp
public componentWillUnmount(): void { public componentWillUnmount(): void {
this._unlisten(); this._unlisten();
} }
public componentDidUpdate(): void { public componentDidUpdate(prevProps: PortalOnboardingFlowProps): void {
this._overrideOnboardingStateIfShould(); 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 { public render(): React.ReactNode {
return ( return (

6
packages/website/ts/components/portal/portal.tsx
View File

@ -154,12 +154,6 @@ export class Portal extends React.Component<PortalProps, PortalState> {
// tslint:disable-next-line:no-floating-promises // tslint:disable-next-line:no-floating-promises
this._fetchBalancesAndAllowancesAsync(this._getCurrentTrackedTokensAddresses()); 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 { public componentWillReceiveProps(nextProps: PortalProps): void {
if (nextProps.networkId !== this.state.prevNetworkId) { if (nextProps.networkId !== this.state.prevNetworkId) {