feat: add fid to analytics events

src/common/data/stores/app/accounts/farcasterStore.ts

@@ -77,7 +77,7 @@ export const farcasterStore = (
     );
     if (!isUndefined(data.value)) {
       get().account.addFidToCurrentIdentity(data.value!.fid);
-      analytics.track(AnalyticsEvent.LINK_FID);
+      analytics.track(AnalyticsEvent.LINK_FID, { fid });
     }
   },
 });

src/common/lib/hooks/useCurrentFid.ts

@@ -0,0 +1,14 @@
+import { useAppStore } from "@/common/data/stores/app";
+import { NounspaceDeveloperManagedSignerData } from "@/authenticators/farcaster/signers/NounspaceManagedSignerAuthenticator";
+
+export const useCurrentFid = (): number | null => {
+  const data: NounspaceDeveloperManagedSignerData | undefined = useAppStore(
+    (state) => {
+      return state.account.authenticatorConfig["farcaster:nounspace"]?.data;
+    },
+  );
+  const fid = data?.accountFid;
+  return !fid || fid === 1 ? null : fid;
+};
+
+export default useCurrentFid;

src/common/providers/AnalyticsProvider.tsx

@@ -3,6 +3,7 @@ import React, { ReactNode, useEffect } from "react";
 import { useRouter } from "next/router";
 import { AnalyticsBrowser } from "@segment/analytics-next";
 import { useCurrentSpaceIdentityPublicKey } from "@/common/lib/hooks/useCurrentSpaceIdentityPublicKey";
+import { useCurrentFid } from "@/common/lib/hooks/useCurrentFid";
 
 export enum AnalyticsEvent {
   SIGN_UP = "Sign Up",
@@ -16,7 +17,7 @@ export enum AnalyticsEvent {
 
 type AnalyticsEventProperties = {
   [AnalyticsEvent.SIGN_UP]: Record<string, never>;
-  [AnalyticsEvent.LINK_FID]: Record<string, never>;
+  [AnalyticsEvent.LINK_FID]: { fid: number };
   [AnalyticsEvent.SAVE_SPACE_THEME]: Record<string, never>;
   [AnalyticsEvent.SAVE_HOMEBASE_THEME]: Record<string, never>;
   [AnalyticsEvent.ADD_FIDGET]: { fidgetType: string };
@@ -33,16 +34,17 @@ export const analytics = {
   ) => {
     segment.track(eventName, properties);
   },
-  identify: (id: string) => {
-    segment.identify(id);
+  identify: (id: string, properties: any) => {
+    segment.identify(id, properties);
   },
 };
 
 export const AnalyticsProvider: React.FC<{ children: ReactNode }> = ({
   children,
 }) => {
   const router = useRouter();
-  const userId = useCurrentSpaceIdentityPublicKey();
+  const fid = useCurrentFid();
+  const identityPublicKey = useCurrentSpaceIdentityPublicKey();
   const writeKey = process.env.NEXT_PUBLIC_SEGMENT_WRITE_KEY;
 
   useEffect(() => {
@@ -54,10 +56,10 @@ export const AnalyticsProvider: React.FC<{ children: ReactNode }> = ({
   }, [writeKey]);
 
   useEffect(() => {
-    if (userId) {
-      analytics.identify(userId);
+    if (identityPublicKey) {
+      analytics.identify(identityPublicKey, { fid });
     }
-  }, [userId]);
+  }, [identityPublicKey, fid]);
 
   useEffect(() => {
     segment.page();