feat: add connect wallet analytics event

src/common/providers/AnalyticsProvider.tsx

@@ -6,6 +6,7 @@ import { useCurrentSpaceIdentityPublicKey } from "@/common/lib/hooks/useCurrentS
 import { useCurrentFid } from "@/common/lib/hooks/useCurrentFid";
 
 export enum AnalyticsEvent {
+  CONNECT_WALLET = "Connect Wallet",
   SIGN_UP = "Sign Up",
   LINK_FID = "Link FID",
   SAVE_SPACE_THEME = "Save Space Theme",
@@ -16,6 +17,7 @@ export enum AnalyticsEvent {
 }
 
 type AnalyticsEventProperties = {
+  [AnalyticsEvent.CONNECT_WALLET]: Record<string, never>;
   [AnalyticsEvent.SIGN_UP]: Record<string, never>;
   [AnalyticsEvent.LINK_FID]: { fid: number };
   [AnalyticsEvent.SAVE_SPACE_THEME]: Record<string, never>;

src/common/providers/LoggedInStateProvider.tsx

@@ -15,6 +15,11 @@ import { ALCHEMY_API } from "@/constants/urls";
 import { AlchemyIsHolderOfContract } from "@/pages/api/signerRequests";
 import axios from "axios";
 import { NOGS_CONTRACT_ADDR } from "@/constants/nogs";
+import usePrevious from "@/common/lib/hooks/usePrevious";
+import {
+  analytics,
+  AnalyticsEvent,
+} from "@/common/providers/AnalyticsProvider";
 
 type LoggedInLayoutProps = { children: React.ReactNode };
 
@@ -91,6 +96,7 @@ const LoggedInStateProvider: React.FC<LoggedInLayoutProps> = ({ children }) => {
   const { signMessage, ready: walletsReady } = useSignMessage();
   const authenticatorManager = useAuthenticatorManager();
   const logout = useLogout();
+  const previousStep = usePrevious(currentStep);
 
   async function loadWallet() {
     if (walletsReady && ready && authenticated && user) {
@@ -106,6 +112,16 @@ const LoggedInStateProvider: React.FC<LoggedInLayoutProps> = ({ children }) => {
     }
   }
 
+  useEffect(() => {
+    // need to check previous step, otherwise this gets called twice
+    if (
+      previousStep == SetupStep.NOT_SIGNED_IN &&
+      currentStep === SetupStep.SIGNED_IN
+    ) {
+      analytics.track(AnalyticsEvent.CONNECT_WALLET);
+    }
+  }, [previousStep, currentStep]);
+
   async function loadIdentity() {
     if (walletsReady && ready && authenticated && user) {
       if (isUndefined(getCurrentIdentity())) {