From 45321a5645e1750965d19b01c8a1119bf150b540 Mon Sep 17 00:00:00 2001
From: Luke Vella <me@lukevella.com>
Date: Wed, 16 Aug 2023 12:02:23 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Fix=20mailerlite=20script?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../public/static/scripts/mailerlite.js       | 19 +++++++++++++++++++
 .../src/components/layouts/blog-layout.tsx    | 13 ++-----------
 2 files changed, 21 insertions(+), 11 deletions(-)
 create mode 100644 apps/landing/public/static/scripts/mailerlite.js

diff --git a/apps/landing/public/static/scripts/mailerlite.js b/apps/landing/public/static/scripts/mailerlite.js
new file mode 100644
index 000000000..33658aef0
--- /dev/null
+++ b/apps/landing/public/static/scripts/mailerlite.js
@@ -0,0 +1,19 @@
+(function (w, d, e, u, f, l, n) {
+  (w[f] =
+    w[f] ||
+    function () {
+      (w[f].q = w[f].q || []).push(arguments);
+    }),
+    (l = d.createElement(e)),
+    (l.async = 1),
+    (l.src = u),
+    (n = d.getElementsByTagName(e)[0]),
+    n.parentNode.insertBefore(l, n);
+})(
+  window,
+  document,
+  "script",
+  "https://assets.mailerlite.com/js/universal.js",
+  "ml",
+);
+ml("account", "99567");
diff --git a/apps/landing/src/components/layouts/blog-layout.tsx b/apps/landing/src/components/layouts/blog-layout.tsx
index 82deb93ce..969d6ed5f 100644
--- a/apps/landing/src/components/layouts/blog-layout.tsx
+++ b/apps/landing/src/components/layouts/blog-layout.tsx
@@ -7,18 +7,9 @@ export const BlogLayout = ({ children }: React.PropsWithChildren) => {
   return (
     <div className="mx-auto w-full max-w-2xl">
       <div>{children}</div>
-      <Script
-        id="mailerlite"
-        dangerouslySetInnerHTML={{
-          __html: `(function(w,d,e,u,f,l,n){w[f]=w[f]||function(){(w[f].q=w[f].q||[])
-            .push(arguments);},l=d.createElement(e),l.async=1,l.src=u,
-            n=d.getElementsByTagName(e)[0],n.parentNode.insertBefore(l,n);})
-            (window,document,'script','https://assets.mailerlite.com/js/universal.js','ml');
-            ml('account', '99567');`,
-        }}
-      />
+      <Script id="mailerlite" src="/static/scripts/mailerlite.js" />
       <div className="mt-16 overflow-hidden rounded-md border bg-gray-200/50 backdrop-blur-sm">
-        <div className="flex flex-col gap-y-2 gap-x-4 p-6  pb-0 sm:flex-row">
+        <div className="flex flex-col gap-x-4 gap-y-2 p-6  pb-0 sm:flex-row">
           <div>
             <NewspaperIcon className="h-6 w-6" />
           </div>