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

Fix issue where onboarding doesn't scroll to wallet when starting from relayers page

Browse Source
This commit is contained in:
fragosti
2018-07-03 18:05:00 -07:00
parent 52c956222e
commit 6e87e3e1ac
2 changed files with 5 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -57,13 +57,12 @@ class PlainPortalOnboardingFlow extends React.Component<PortalOnboardingFlowProp
this._unlisten();
}
public componentDidUpdate(prevProps: PortalOnboardingFlowProps): void {
this._adjustStepIfShould();
if (!prevProps.isRunning && this.props.isRunning) {
// Any one of steps 0-3 could be the starting step, and we only want to reset the scroll on the starting step.
if (this.props.isRunning && utils.isMobileWidth(this.props.screenWidth) && this.props.stepIndex < 3) {
// On mobile, make sure the wallet is completely visible.
if (this.props.screenWidth === ScreenWidths.Sm) {
document.querySelector('.wallet').scrollIntoView();
}
document.querySelector('.wallet').scrollIntoView();
}
this._adjustStepIfShould();
if (!prevProps.blockchainIsLoaded && this.props.blockchainIsLoaded) {
this._autoStartOnboardingIfShould();
}

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

@@ -320,7 +320,7 @@ export class Portal extends React.Component<PortalProps, PortalState> {
private _renderWallet(): React.ReactNode {
const isMobile = utils.isMobileWidth(this.props.screenWidth);
// We need room to scroll down for mobile onboarding
const marginBottom = isMobile ? '200px' : '15px';
const marginBottom = isMobile ? '250px' : '15px';
return (
<div>
<Container className="flex flex-column items-center">