diff options
| author | fragosti <francesco.agosti93@gmail.com> | 2018-11-09 07:34:53 +0800 |
|---|---|---|
| committer | fragosti <francesco.agosti93@gmail.com> | 2018-11-09 07:34:53 +0800 |
| commit | b074fe2de57b07ffd9d1da373cfb0828ff8a9d5b (patch) | |
| tree | bea9f75a9d3dabc8e799c1ffba038bf6854cde57 /packages/instant/src | |
| parent | 3dad385533476f02031fdb1a29f71fa44a375c4a (diff) | |
| download | dexon-sol-tools-b074fe2de57b07ffd9d1da373cfb0828ff8a9d5b.tar.gz dexon-sol-tools-b074fe2de57b07ffd9d1da373cfb0828ff8a9d5b.tar.zst dexon-sol-tools-b074fe2de57b07ffd9d1da373cfb0828ff8a9d5b.zip | |
chore: convert payment method to stateless component
Diffstat (limited to 'packages/instant/src')
| -rw-r--r-- | packages/instant/src/components/payment_method.tsx | 54 |
1 files changed, 25 insertions, 29 deletions
diff --git a/packages/instant/src/components/payment_method.tsx b/packages/instant/src/components/payment_method.tsx index 70ad1f96e..491a0bd45 100644 --- a/packages/instant/src/components/payment_method.tsx +++ b/packages/instant/src/components/payment_method.tsx @@ -11,33 +11,29 @@ import { Text } from './ui/text'; export interface PaymentMethodProps {} -export class PaymentMethod extends React.Component<PaymentMethodProps> { - public render(): React.ReactNode { - return ( - <Container padding="20px" width="100%"> - <Container marginBottom="10px"> - <Flex justify="space-between"> - <Text - letterSpacing="1px" - fontColor={ColorOption.primaryColor} - fontWeight={600} - textTransform="uppercase" - fontSize="14px" - > - Payment Method +export const PaymentMethod: React.StatelessComponent<PaymentMethodProps> = () => ( + <Container padding="20px" width="100%"> + <Container marginBottom="10px"> + <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> - <Flex> - <Circle color={ColorOption.green} diameter={8} /> - <Container marginLeft="3px"> - <Text fontColor={ColorOption.darkGrey} fontSize="12px"> - MetaMask - </Text> - </Container> - </Flex> - </Flex> - </Container> - <PaymentMethodDropdown /> - </Container> - ); - } -} + </Container> + </Flex> + </Flex> + </Container> + <PaymentMethodDropdown /> + </Container> +); |