posthog migration part 2

Author: jnsdls

apps/dashboard/src/@/analytics/hooks/identify-account.ts

@@ -0,0 +1,24 @@
+"use client";
+
+import posthog from "posthog-js";
+import { useEffect } from "react";
+
+export function useIdentifyAccount(opts?: {
+  accountId: string;
+  email?: string;
+}) {
+  // eslint-disable-next-line no-restricted-syntax
+  useEffect(() => {
+    if (!posthog.__loaded) {
+      // posthog is not loaded yet, so we can't identify the account
+      return;
+    }
+    // if no accountId, don't identify
+    if (!opts?.accountId) {
+      return;
+    }
+
+    // if email is provided, add it to the identify
+    posthog.identify(opts.accountId, opts.email ? { email: opts.email } : {});
+  }, [opts?.accountId, opts?.email]);
+}

apps/dashboard/src/@/analytics/hooks/identify-team.ts

@@ -0,0 +1,23 @@
+"use client";
+
+import posthog from "posthog-js";
+import { useEffect } from "react";
+
+export function useIdentifyTeam(opts?: {
+  teamId: string;
+}) {
+  // eslint-disable-next-line no-restricted-syntax
+  useEffect(() => {
+    if (!posthog.__loaded) {
+      // posthog is not loaded yet, so we can't identify the team
+      return;
+    }
+    // if no teamId, don't identify
+    if (!opts?.teamId) {
+      return;
+    }
+
+    // identify the team
+    posthog.group("team", opts.teamId);
+  }, [opts?.teamId]);
+}

apps/dashboard/src/app/(app)/team/components/TeamHeader/team-header-logged-in.client.tsx

@@ -13,6 +13,8 @@ import type { ThirdwebClient } from "thirdweb";
 import { useActiveWallet, useDisconnect } from "thirdweb/react";
 import { doLogout } from "../../../login/auth-actions";
 
+import { useIdentifyAccount } from "../../../../../@/analytics/hooks/identify-account";
+import { useIdentifyTeam } from "../../../../../@/analytics/hooks/identify-team";
 import {
   type TeamHeaderCompProps,
   TeamHeaderDesktopUI,
@@ -27,6 +29,16 @@ export function TeamHeaderLoggedIn(props: {
   accountAddress: string;
   client: ThirdwebClient;
 }) {
+  // identify the account
+  useIdentifyAccount({
+    accountId: props.account.id,
+    email: props.account.email,
+  });
+
+  // identify the team
+  useIdentifyTeam({
+    teamId: props.currentTeam.id,
+  });
   const [createProjectDialogState, setCreateProjectDialogState] = useState<
     { team: Team; isOpen: true } | { isOpen: false }
   >({ isOpen: false });