aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/components
diff options
context:
space:
mode:
authorfragosti <francesco.agosti93@gmail.com>2018-06-20 07:39:52 +0800
committerfragosti <francesco.agosti93@gmail.com>2018-06-20 07:39:52 +0800
commit51948d7760a81cb10bbcfdc50c19eb1c7cddf37b (patch)
tree0a7f73eb1b1ccb061d67ab58d1022ca461623272 /packages/website/ts/components
parente216eb1e7b49f1ad4bc2c8a07007b4ef94373c5d (diff)
downloaddexon-sol-tools-51948d7760a81cb10bbcfdc50c19eb1c7cddf37b.tar
dexon-sol-tools-51948d7760a81cb10bbcfdc50c19eb1c7cddf37b.tar.gz
dexon-sol-tools-51948d7760a81cb10bbcfdc50c19eb1c7cddf37b.tar.bz2
dexon-sol-tools-51948d7760a81cb10bbcfdc50c19eb1c7cddf37b.tar.lz
dexon-sol-tools-51948d7760a81cb10bbcfdc50c19eb1c7cddf37b.tar.xz
dexon-sol-tools-51948d7760a81cb10bbcfdc50c19eb1c7cddf37b.tar.zst
dexon-sol-tools-51948d7760a81cb10bbcfdc50c19eb1c7cddf37b.zip
Show start onboarding flow button on top of wallet on mobile
Diffstat (limited to 'packages/website/ts/components')
-rw-r--r--packages/website/ts/components/portal/portal.tsx54
1 files changed, 29 insertions, 25 deletions
diff --git a/packages/website/ts/components/portal/portal.tsx b/packages/website/ts/components/portal/portal.tsx
index 67314678b..3d7bbfd0a 100644
--- a/packages/website/ts/components/portal/portal.tsx
+++ b/packages/website/ts/components/portal/portal.tsx
@@ -340,10 +340,14 @@ export class Portal extends React.Component<PortalProps, PortalState> {
);
}
private _renderWallet(): React.ReactNode {
+ const startOnboarding = this._renderStartOnboarding();
+ const isMobile = this.props.screenWidth === ScreenWidths.Sm;
return (
<div>
+ {isMobile && <Container marginBottom="15px">{startOnboarding}</Container>}
<Wallet
- style={this.props.isPortalOnboardingShowing ? { zIndex: zIndex.aboveOverlay } : undefined}
+ // style={this.props.isPortalOnboardingShowing ? { zIndex: zIndex.aboveOverlay } : undefined}
+ style={true ? { zIndex: zIndex.aboveOverlay } : undefined}
userAddress={this.props.userAddress}
networkId={this.props.networkId}
blockchain={this._blockchain}
@@ -364,33 +368,33 @@ export class Portal extends React.Component<PortalProps, PortalState> {
onRemoveToken={this._onRemoveToken.bind(this)}
refetchTokenStateAsync={this._refetchTokenStateAsync.bind(this)}
/>
- <Container marginTop="15px">
- <Island>
- <Container
- marginTop="30px"
- marginBottom="30px"
- marginLeft="30px"
- marginRight="30px"
- className="flex justify-around items-center"
- >
- <ActionAccountBalanceWallet
- style={{ width: '30px', height: '30px' }}
- color={colors.orange}
- />
- <Text
- fontColor={colors.grey}
- fontSize="16px"
- center={true}
- onClick={this._startOnboarding.bind(this)}
- >
- Learn how to set up your account
- </Text>
- </Container>
- </Island>
- </Container>
+ {!isMobile && <Container marginTop="15px">{startOnboarding}</Container>}
</div>
);
}
+ private _renderStartOnboarding(): React.ReactNode {
+ return (
+ <Island>
+ <Container
+ marginTop="30px"
+ marginBottom="30px"
+ marginLeft="30px"
+ marginRight="30px"
+ className="flex justify-around items-center"
+ >
+ <ActionAccountBalanceWallet style={{ width: '30px', height: '30px' }} color={colors.orange} />
+ <Text
+ fontColor={colors.grey}
+ fontSize="16px"
+ center={true}
+ onClick={this._startOnboarding.bind(this)}
+ >
+ Learn how to set up your account
+ </Text>
+ </Container>
+ </Island>
+ );
+ }
private _startOnboarding(): void {
const networkName = sharedConstants.NETWORK_NAME_BY_ID[this.props.networkId];