Merge pull request #253 from thearyadev/analytics

Analytics
thearyadev · Dec 24, 2024 · 4e033ce · 4e033ce
2 parents e5974cf + e463eec
commit 4e033ce
Show file tree

Hide file tree

Showing 4 changed files with 74 additions and 79 deletions.
diff --git a/frontend/app/layout.tsx b/frontend/app/layout.tsx
@@ -5,9 +5,9 @@ import type { Metadata } from "next";
 import { Inter } from "next/font/google";
 import "./globals.scss";
 import { Footer, Header, ScrollToTop } from "@/app/components";
-import { Analytics } from "@vercel/analytics/react";
-import { SpeedInsights } from "@vercel/speed-insights/next";
 import Head from "next/head";
+import { IconChartBar } from "@tabler/icons-react";
+import { CSPostHogProvider } from "./providers";
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
@@ -27,16 +27,16 @@ export default function RootLayout({
             <Head>
                 <ColorSchemeScript />
             </Head>
-            <body>
-                <Analytics />
-                <SpeedInsights />
-                <MantineProvider theme={theme}>
-                    <Header />
-                    {children}
-                    <Footer />
-                    <ScrollToTop />
-                </MantineProvider>
-            </body>
+            <CSPostHogProvider>
+                <body>
+                    <MantineProvider theme={theme}>
+                        <Header />
+                        {children}
+                        <Footer />
+                        <ScrollToTop />
+                    </MantineProvider>
+                </body>
+            </CSPostHogProvider>
         </html>
     );
 }
diff --git a/frontend/app/providers.tsx b/frontend/app/providers.tsx
@@ -0,0 +1,13 @@
+'use client'
+import posthog from 'posthog-js'
+import { PostHogProvider } from 'posthog-js/react'
+
+if (typeof window !== 'undefined') {
+    posthog.init("phc_OfKo0jrYcH80kqAbXxq5fM0WbTIoOOFWdP8Mv4WKDyQ", {
+        api_host: "https://us.i.posthog.com",
+        person_profiles: 'always',
+    })
+}
+export function CSPostHogProvider({ children }: { children: React.ReactNode }) {
+    return <PostHogProvider client={posthog}>{children}</PostHogProvider>
+}
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/package.json b/frontend/package.json
@@ -12,15 +12,14 @@
         "@mantine/core": "^7.11.1",
         "@mantine/hooks": "^7.9.2",
         "@tabler/icons-react": "^3.8.0",
-        "@vercel/analytics": "^1.3.1",
-        "@vercel/speed-insights": "^1.0.11",
         "classnames": "^2.5.1",
         "highcharts": "^11.4.5",
         "highcharts-react-official": "^3.2.1",
         "next": "14.2.10",
-        "sass": "^1.79.0",
+        "posthog-js": "^1.203.1",
         "react": "^18.3.1",
-        "react-dom": "^18.3.1"
+        "react-dom": "^18.3.1",
+        "sass": "^1.79.0"
     },
     "devDependencies": {
         "@types/node": "^20",