aboutsummaryrefslogtreecommitdiffstats
path: root/packages/instant
diff options
context:
space:
mode:
authorfragosti <francesco.agosti93@gmail.com>2018-11-09 07:34:53 +0800
committerfragosti <francesco.agosti93@gmail.com>2018-11-09 07:34:53 +0800
commitb074fe2de57b07ffd9d1da373cfb0828ff8a9d5b (patch)
treebea9f75a9d3dabc8e799c1ffba038bf6854cde57 /packages/instant
parent3dad385533476f02031fdb1a29f71fa44a375c4a (diff)
downloaddexon-sol-tools-b074fe2de57b07ffd9d1da373cfb0828ff8a9d5b.tar
dexon-sol-tools-b074fe2de57b07ffd9d1da373cfb0828ff8a9d5b.tar.gz
dexon-sol-tools-b074fe2de57b07ffd9d1da373cfb0828ff8a9d5b.tar.bz2
dexon-sol-tools-b074fe2de57b07ffd9d1da373cfb0828ff8a9d5b.tar.lz
dexon-sol-tools-b074fe2de57b07ffd9d1da373cfb0828ff8a9d5b.tar.xz
dexon-sol-tools-b074fe2de57b07ffd9d1da373cfb0828ff8a9d5b.tar.zst
dexon-sol-tools-b074fe2de57b07ffd9d1da373cfb0828ff8a9d5b.zip
chore: convert payment method to stateless component
Diffstat (limited to 'packages/instant')
-rw-r--r--packages/instant/src/components/payment_method.tsx54
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>
+);