Put Stripe back on window

Author: Ives van Hoorne

src/app/index.html

@@ -38,6 +38,7 @@
   <!-- End Google Tag Manager -->
   <script src="https://cdn.ravenjs.com/3.17.0/raven.min.js" crossorigin="anonymous"></script>
   <script async src="//cdn.headwayapp.co/widget.js"></script>
+  <script async src="https://js.stripe.com/v3/"></script>
 
   <!-- AMD Loader for Monaco -->
   <script src="/public/vs/loader.js"></script>

src/app/pages/Patron/index.js

@@ -17,56 +17,27 @@ const Content = styled.div`
   color: white;
 `;
 
-type State = {
-  stripeLoaded: boolean,
-};
-
-export default class Patron extends React.PureComponent<void, State> {
-  constructor() {
-    super();
-    const stripeLoaded = Boolean(window.Stripe);
-
-    if (!stripeLoaded) {
-      const script = document.createElement('script');
-      script.setAttribute('src', 'https://js.stripe.com/v3/');
-      script.async = false;
-      document.head.appendChild(script);
-
-      script.onload = () => {
-        this.setState({ stripeLoaded: true });
-      };
-    }
-
-    this.state = {
-      stripeLoaded,
-    };
-  }
-
-  render() {
-    document.title = 'Patron - CodeSandbox';
-
-    if (!this.state.stripeLoaded) return null;
-
-    return (
-      <MaxWidth>
-        <Margin vertical={1.5} horizontal={1.5}>
-          <Navigation title="Become a Patron" />
-          <Content>
-            <MaxWidth width={1024}>
-              <Title>Become a CodeSandbox Patron!</Title>
-              <SubTitle>
-                You can support us by paying a monthly amount of your choice.
-                <br />
-                The money goes to all expenses of CodeSandbox.
-              </SubTitle>
-
-              <Centered horizontal>
-                <PricingModal />
-              </Centered>
-            </MaxWidth>
-          </Content>
-        </Margin>
-      </MaxWidth>
-    );
-  }
+export default function Patron() {
+  document.title = 'Patron - CodeSandbox';
+  return (
+    <MaxWidth>
+      <Margin vertical={1.5} horizontal={1.5}>
+        <Navigation title="Become a Patron" />
+        <Content>
+          <MaxWidth width={1024}>
+            <Title>Become a CodeSandbox Patron!</Title>
+            <SubTitle>
+              You can support us by paying a monthly amount of your choice.
+              <br />
+              The money goes to all expenses of CodeSandbox.
+            </SubTitle>
+
+            <Centered horizontal>
+              <PricingModal />
+            </Centered>
+          </MaxWidth>
+        </Content>
+      </Margin>
+    </MaxWidth>
+  );
 }