From eab00076022b916013ebbe3c15895f1b65dffe4b Mon Sep 17 00:00:00 2001
From: msukkari <michael.sukkarieh@mail.mcgill.ca>
Date: Mon, 3 Mar 2025 20:33:49 -0800
Subject: [PATCH] add posthog identify call after registeration

---
 .../onboard/components/connectCodeHost.tsx      | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/packages/web/src/app/[domain]/onboard/components/connectCodeHost.tsx b/packages/web/src/app/[domain]/onboard/components/connectCodeHost.tsx
index 5d01de18..b1598917 100644
--- a/packages/web/src/app/[domain]/onboard/components/connectCodeHost.tsx
+++ b/packages/web/src/app/[domain]/onboard/components/connectCodeHost.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import { CodeHostType } from "@/lib/utils";
 import { getCodeHostIcon } from "@/lib/utils";
 import {
@@ -15,6 +15,8 @@ import { OnboardingSteps } from "@/lib/constants";
 import { BackButton } from "./onboardBackButton";
 import { CodeHostIconButton } from "../../components/codeHostIconButton";
 import useCaptureEvent from "@/hooks/useCaptureEvent";
+import { useSession } from "next-auth/react";
+import posthog from "posthog-js";
 
 interface ConnectCodeHostProps {
     nextStep: OnboardingSteps;
@@ -23,6 +25,19 @@ interface ConnectCodeHostProps {
 export const ConnectCodeHost = ({ nextStep }: ConnectCodeHostProps) => {
     const [selectedCodeHost, setSelectedCodeHost] = useState<CodeHostType | null>(null);
     const router = useRouter();
+    const { data: session } = useSession();
+
+    // Note: this is currently the first client side page that gets loaded after a user registers. If this changes, we need to update this.
+    // @nocheckin
+    useEffect(() => {
+        if (session?.user) {
+            posthog.identify(session.user.id, {
+                email: session.user.email,
+                name: session.user.name,
+            });
+        }
+    }, [session?.user]);
+
     const onCreated = useCallback(() => {
         router.push(`?step=${nextStep}`);
     }, [nextStep, router]);