From b074fe2de57b07ffd9d1da373cfb0828ff8a9d5b Mon Sep 17 00:00:00 2001
From: fragosti <francesco.agosti93@gmail.com>
Date: Thu, 8 Nov 2018 15:34:53 -0800
Subject: chore: convert payment method to stateless component

---
 packages/instant/src/components/payment_method.tsx | 54 ++++++++++------------
 1 file changed, 25 insertions(+), 29 deletions(-)

(limited to 'packages/instant')

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>
+);
-- 
cgit