From 654b71dc8460d23219a6e3765834191d9322fa61 Mon Sep 17 00:00:00 2001
From: Tyler <26290074+thegitduck@users.noreply.github.com>
Date: Thu, 26 Dec 2024 18:35:29 -0800
Subject: [PATCH 1/2] path based analytics

---
 src/components/analytics.tsx   | 15 +++++++++++++++
 src/page-components/layout.tsx |  2 ++
 src/page-components/root.tsx   | 10 +---------
 3 files changed, 18 insertions(+), 9 deletions(-)
 create mode 100644 src/components/analytics.tsx

diff --git a/src/components/analytics.tsx b/src/components/analytics.tsx
new file mode 100644
index 0000000..47cfd61
--- /dev/null
+++ b/src/components/analytics.tsx
@@ -0,0 +1,15 @@
+"use client";
+import { useRouter_UNSTABLE } from "waku";
+
+export const Analytics = () => {
+  const router = useRouter_UNSTABLE();
+  console.log(router.path);
+  return (
+    <img
+      src={`https://app.piratepx.com/ship?p=67d07cf8-d340-46cf-8560-6e9b462d1d7e&i=tylur.blog${router.path}`}
+      aria-hidden="true"
+      style={{ display: "none" }}
+      suppressHydrationWarning
+    />
+  );
+};
diff --git a/src/page-components/layout.tsx b/src/page-components/layout.tsx
index 4656198..f39968f 100644
--- a/src/page-components/layout.tsx
+++ b/src/page-components/layout.tsx
@@ -4,6 +4,7 @@ import type { ReactNode } from "react";
 
 import { Header } from "../components/header";
 import { Footer } from "../components/footer";
+import { Analytics } from "../components/analytics";
 
 type RootLayoutProps = { children: ReactNode };
 
@@ -19,6 +20,7 @@ export async function RootLayout({ children }: RootLayoutProps) {
         {children}
       </main>
       <Footer />
+      <Analytics />
     </div>
   );
 }
diff --git a/src/page-components/root.tsx b/src/page-components/root.tsx
index 06132d0..7641745 100644
--- a/src/page-components/root.tsx
+++ b/src/page-components/root.tsx
@@ -6,15 +6,7 @@ export function Root({ children }: { children: ReactNode }) {
       <head>
         <title>tyler&apos;s blog</title>
       </head>
-      <body>
-        {children}
-        <img
-          src="https://app.piratepx.com/ship?p=67d07cf8-d340-46cf-8560-6e9b462d1d7e&i=tylur.blog"
-          aria-hidden="true"
-          style={{ display: "none" }}
-          suppressHydrationWarning
-        />
-      </body>
+      <body>{children}</body>
     </html>
   );
 }
-- 
2.51.2


From 37edd6ac710606537a40b642df4a97febba02100 Mon Sep 17 00:00:00 2001
From: Tyler <26290074+thegitduck@users.noreply.github.com>
Date: Thu, 26 Dec 2024 18:38:48 -0800
Subject: [PATCH 2/2] chore: remove log

---
 src/components/analytics.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/analytics.tsx b/src/components/analytics.tsx
index 47cfd61..cef0a62 100644
--- a/src/components/analytics.tsx
+++ b/src/components/analytics.tsx
@@ -3,7 +3,6 @@ import { useRouter_UNSTABLE } from "waku";
 
 export const Analytics = () => {
   const router = useRouter_UNSTABLE();
-  console.log(router.path);
   return (
     <img
       src={`https://app.piratepx.com/ship?p=67d07cf8-d340-46cf-8560-6e9b462d1d7e&i=tylur.blog${router.path}`}
-- 
2.51.2