diff options
| author | Brandon Millman <brandon.millman@gmail.com> | 2018-12-01 17:13:15 +0800 |
|---|---|---|
| committer | Brandon Millman <brandon.millman@gmail.com> | 2018-12-01 17:15:01 +0800 |
| commit | f4e0f74a6df7b8ec89308e10757e7adc9929198f (patch) | |
| tree | c571d5eddc4f097eab5d85494204a76a4e200286 /packages/instant/src/components | |
| parent | 502e9c7be48caafd7725451789f896efdaf17dac (diff) | |
| download | dexon-0x-contracts-f4e0f74a6df7b8ec89308e10757e7adc9929198f.tar dexon-0x-contracts-f4e0f74a6df7b8ec89308e10757e7adc9929198f.tar.gz dexon-0x-contracts-f4e0f74a6df7b8ec89308e10757e7adc9929198f.tar.bz2 dexon-0x-contracts-f4e0f74a6df7b8ec89308e10757e7adc9929198f.tar.lz dexon-0x-contracts-f4e0f74a6df7b8ec89308e10757e7adc9929198f.tar.xz dexon-0x-contracts-f4e0f74a6df7b8ec89308e10757e7adc9929198f.tar.zst dexon-0x-contracts-f4e0f74a6df7b8ec89308e10757e7adc9929198f.zip | |
feat(instant): provide a custom wallet display name
Diffstat (limited to 'packages/instant/src/components')
| -rw-r--r-- | packages/instant/src/components/payment_method.tsx | 12 | ||||
| -rw-r--r-- | packages/instant/src/components/zero_ex_instant_provider.tsx | 2 |
2 files changed, 8 insertions, 6 deletions
diff --git a/packages/instant/src/components/payment_method.tsx b/packages/instant/src/components/payment_method.tsx index c23b43267..4efe5b28e 100644 --- a/packages/instant/src/components/payment_method.tsx +++ b/packages/instant/src/components/payment_method.tsx @@ -18,7 +18,7 @@ import { WalletPrompt } from './wallet_prompt'; export interface PaymentMethodProps { account: Account; network: Network; - walletName: string; + walletDisplayName: string; onInstallWalletClick: () => void; onUnlockWalletClick: () => void; } @@ -62,11 +62,11 @@ export class PaymentMethod extends React.Component<PaymentMethodProps> { if (account.state === AccountState.Ready || account.state === AccountState.Locked) { const circleColor: ColorOption = account.state === AccountState.Ready ? ColorOption.green : ColorOption.red; return ( - <Flex> + <Flex align="center"> <Circle diameter={8} color={circleColor} /> - <Container marginLeft="3px"> - <Text fontColor={ColorOption.darkGrey} fontSize="12px"> - {this.props.walletName} + <Container marginLeft="5px"> + <Text fontColor={ColorOption.darkGrey} fontSize="12px" lineHeight="30px"> + {this.props.walletDisplayName} </Text> </Container> </Flex> @@ -91,7 +91,7 @@ export class PaymentMethod extends React.Component<PaymentMethodProps> { image={<Icon width={13} icon="lock" color={ColorOption.black} />} {...colors} > - Please Unlock {this.props.walletName} + Please Unlock {this.props.walletDisplayName} </WalletPrompt> ); case AccountState.None: diff --git a/packages/instant/src/components/zero_ex_instant_provider.tsx b/packages/instant/src/components/zero_ex_instant_provider.tsx index a4a03bbf4..b544b86ff 100644 --- a/packages/instant/src/components/zero_ex_instant_provider.tsx +++ b/packages/instant/src/components/zero_ex_instant_provider.tsx @@ -29,6 +29,7 @@ export interface ZeroExInstantProviderRequiredProps { export interface ZeroExInstantProviderOptionalProps { provider: Provider; + walletDisplayName: string; availableAssetDatas: string[]; defaultAssetBuyAmount: number; defaultSelectedAssetData: string; @@ -66,6 +67,7 @@ export class ZeroExInstantProvider extends React.Component<ZeroExInstantProvider ...defaultState, providerState, network: networkId, + walletDisplayName: props.walletDisplayName, selectedAsset: _.isUndefined(props.defaultSelectedAssetData) ? undefined : assetUtils.createAssetFromAssetDataOrThrow( |