[Dashboard] Feature: Adds PostHog tracking to bridge page (#7232)

Author: gregfromstl

apps/dashboard/src/app/bridge/components/client/Providers.client.tsx

@@ -2,6 +2,8 @@
 import { ThemeProvider } from "next-themes";
 import { Toaster } from "sonner";
 import { ThirdwebProvider } from "thirdweb/react";
+import { PHProvider } from "../../../../lib/posthog/Posthog";
+import { PostHogPageView } from "../../../../lib/posthog/PosthogPageView";
 
 export function Providers({ children }: { children: React.ReactNode }) {
   return (
@@ -12,8 +14,11 @@ export function Providers({ children }: { children: React.ReactNode }) {
         enableSystem={false}
         defaultTheme="dark"
       >
-        {children}
-        <Toaster richColors theme="dark" />
+        <PHProvider>
+          <PostHogPageView />
+          {children}
+          <Toaster richColors theme="dark" />
+        </PHProvider>
       </ThemeProvider>
     </ThirdwebProvider>
   );

apps/dashboard/src/app/pay/components/client/Providers.client.tsx

@@ -1,12 +1,17 @@
 "use client";
 import { Toaster } from "sonner";
 import { ThirdwebProvider } from "thirdweb/react";
+import { PHProvider } from "../../../../lib/posthog/Posthog";
+import { PostHogPageView } from "../../../../lib/posthog/PosthogPageView";
 
 export function Providers({ children }: { children: React.ReactNode }) {
   return (
     <ThirdwebProvider>
-      {children}
-      <Toaster richColors theme="dark" />
+      <PHProvider>
+        <PostHogPageView />
+        {children}
+        <Toaster richColors theme="dark" />
+      </PHProvider>
     </ThirdwebProvider>
   );
 }