Releast Analytics + Farcater URL changes

src/authenticators/farcaster/signers/NounspaceManagedSignerAuthenticator.tsx

@@ -10,7 +10,7 @@ import {
   FarcasterRegistrationType,
   SignerStatus,
 } from ".";
-import { isEqual, isUndefined, startsWith } from "lodash";
+import { isEqual, isUndefined, replace, startsWith } from "lodash";
 import { ed25519 } from "@noble/curves/ed25519";
 import { bytesToHex, hexToBytes } from "@noble/ciphers/utils";
 import axiosBackend from "@/common/data/api/backend";
@@ -223,16 +223,20 @@ const initializer: AuthenticatorInitializer<
     };
   });
 
+  const warpcastSignerUrl = data.signerUrl
+    ? replace(data.signerUrl, "farcaster://", "https://warpcast.com/")
+    : undefined;
+
   return (
     <>
       {isUndefined(data.status) ||
       !isDataInitialized(data) ||
       data.status === "revoked" ? (
         <Button onClick={createSigner}>Link Warpcast Account</Button>
-      ) : loading && data.signerUrl ? (
+      ) : loading && warpcastSignerUrl ? (
         <>
-          <QRCode value={data.signerUrl} maxWidth={256} />
-          <Link href={data.signerUrl}>
+          <QRCode value={warpcastSignerUrl} maxWidth={256} />
+          <Link href={warpcastSignerUrl}>
             <p>On mobile? Click here</p>
           </Link>
         </>

src/common/components/organisms/FidgetSettingsEditor.tsx

@@ -134,14 +134,6 @@ export const FidgetSettingsEditor: React.FC<FidgetSettingsEditorProps> = ({
     setState(settings);
   }, [settings]);
 
-  useEffect(() => {
-    setState(settings);
-  }, [settings]);
-
-  useEffect(() => {
-    setState(settings);
-  }, [settings]);
-
   const _onSave = (e) => {
     e.preventDefault();
     onSave(state);

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();

src/fidgets/farcaster/components/CastRow.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useState } from "react";
+import React, { useState } from "react";
 import { Properties } from "csstype";
 import { mergeClasses as classNames } from "@/common/lib/utils/mergeClasses";
 import {