diff options
| author | fragosti <francesco.agosti93@gmail.com> | 2018-11-08 13:54:26 +0800 |
|---|---|---|
| committer | fragosti <francesco.agosti93@gmail.com> | 2018-11-08 13:54:26 +0800 |
| commit | 1151371e57643662b14c0c940ec558e74a6d1120 (patch) | |
| tree | 30650b329ab5bd5041373f255cb5e756c46ce606 /packages/instant/src/components/payment_method.tsx | |
| parent | ecb92a44bc5a4b433f2a673fc77199c7b8a6dc18 (diff) | |
| download | dexon-sol-tools-1151371e57643662b14c0c940ec558e74a6d1120.tar.gz dexon-sol-tools-1151371e57643662b14c0c940ec558e74a6d1120.tar.zst dexon-sol-tools-1151371e57643662b14c0c940ec558e74a6d1120.zip | |
feat: add MetaMask sign, refactor Circle
Diffstat (limited to 'packages/instant/src/components/payment_method.tsx')
| -rw-r--r-- | packages/instant/src/components/payment_method.tsx | 30 |
1 files changed, 21 insertions, 9 deletions
diff --git a/packages/instant/src/components/payment_method.tsx b/packages/instant/src/components/payment_method.tsx index 4d3daff62..70ad1f96e 100644 --- a/packages/instant/src/components/payment_method.tsx +++ b/packages/instant/src/components/payment_method.tsx @@ -4,7 +4,9 @@ import * as React from 'react'; import { ColorOption } from '../style/theme'; import { PaymentMethodDropdown } from './payment_method_dropdown'; +import { Circle } from './ui/circle'; import { Container } from './ui/container'; +import { Flex } from './ui/flex'; import { Text } from './ui/text'; export interface PaymentMethodProps {} @@ -14,15 +16,25 @@ export class PaymentMethod extends React.Component<PaymentMethodProps> { return ( <Container padding="20px" width="100%"> <Container marginBottom="10px"> - <Text - letterSpacing="1px" - fontColor={ColorOption.primaryColor} - fontWeight={600} - textTransform="uppercase" - fontSize="14px" - > - Payment Method - </Text> + <Flex justify="space-between"> + <Text + letterSpacing="1px" + fontColor={ColorOption.primaryColor} + fontWeight={600} + textTransform="uppercase" + fontSize="14px" + > + Payment Method + </Text> + <Flex> + <Circle color={ColorOption.green} diameter={8} /> + <Container marginLeft="3px"> + <Text fontColor={ColorOption.darkGrey} fontSize="12px"> + MetaMask + </Text> + </Container> + </Flex> + </Flex> </Container> <PaymentMethodDropdown /> </Container> |