From 1d79f117b37c0c5b572b69d17455222e1830f991 Mon Sep 17 00:00:00 2001
From: Luke Vella <me@lukevella.com>
Date: Fri, 3 Nov 2023 20:38:57 +0000
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20Move=20paddle=20script?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web/src/pages/_app.tsx             | 14 --------------
 apps/web/src/pages/settings/billing.tsx | 14 ++++++++++++++
 2 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/apps/web/src/pages/_app.tsx b/apps/web/src/pages/_app.tsx
index 8c14dea73..ef44507ed 100644
--- a/apps/web/src/pages/_app.tsx
+++ b/apps/web/src/pages/_app.tsx
@@ -8,7 +8,6 @@ import { NextPage } from "next";
 import { AppProps } from "next/app";
 import { Inter } from "next/font/google";
 import Head from "next/head";
-import Script from "next/script";
 import { SessionProvider, signIn, useSession } from "next-auth/react";
 import { appWithTranslation } from "next-i18next";
 import { DefaultSeo } from "next-seo";
@@ -85,19 +84,6 @@ const MyApp: NextPage<AppPropsWithLayout> = ({ Component, pageProps }) => {
             content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=5, user-scalable=yes"
           />
         </Head>
-        {process.env.NEXT_PUBLIC_PADDLE_VENDOR_ID ? (
-          <Script
-            src="https://cdn.paddle.com/paddle/paddle.js"
-            onLoad={() => {
-              if (process.env.NEXT_PUBLIC_PADDLE_SANDBOX === "true") {
-                window.Paddle.Environment.set("sandbox");
-              }
-              window.Paddle.Setup({
-                vendor: Number(process.env.NEXT_PUBLIC_PADDLE_VENDOR_ID),
-              });
-            }}
-          />
-        ) : null}
         <style jsx global>{`
           html {
             --font-inter: ${inter.style.fontFamily};
diff --git a/apps/web/src/pages/settings/billing.tsx b/apps/web/src/pages/settings/billing.tsx
index 9aac451a7..36095037f 100644
--- a/apps/web/src/pages/settings/billing.tsx
+++ b/apps/web/src/pages/settings/billing.tsx
@@ -6,6 +6,7 @@ import dayjs from "dayjs";
 import { GetStaticProps } from "next";
 import Head from "next/head";
 import Link from "next/link";
+import Script from "next/script";
 import { useTranslation } from "next-i18next";
 
 import { BillingPlans } from "@/components/billing/billing-plans";
@@ -106,6 +107,19 @@ const LegacyBilling = () => {
 
   return (
     <Card>
+      {process.env.NEXT_PUBLIC_PADDLE_VENDOR_ID ? (
+        <Script
+          src="https://cdn.paddle.com/paddle/paddle.js"
+          onLoad={() => {
+            if (process.env.NEXT_PUBLIC_PADDLE_SANDBOX === "true") {
+              window.Paddle.Environment.set("sandbox");
+            }
+            window.Paddle.Setup({
+              vendor: Number(process.env.NEXT_PUBLIC_PADDLE_VENDOR_ID),
+            });
+          }}
+        />
+      ) : null}
       <div className="grid gap-4 p-4 sm:grid-cols-2">
         <div>
           <Label>