Function useUserInfoForm

packages/shared/src/hooks/useUserInfoForm.ts:34–156

()

}

const useUserInfoForm = (): UseUserInfoForm => {
  const qc = useQueryClient();
  const { user, updateUser } = useContext(AuthContext);
  const { logEvent } = useLogContext();
  const { displayToast } = useToastNotification();
  const router = useRouter();
  const userId = user?.id ?? '';

  // Fetch full profile via GraphQL to get socialLinks (boot endpoint doesn't include them)
  const userQueryKey = generateQueryKey(RequestKey.Profile, user, {
    id: userId,
  });
  const { data: fullProfile } = useQuery({
    queryKey: userQueryKey,
    queryFn: () => getProfile(userId),
    ...disabledRefetch,
    staleTime: StaleTime.OneHour,
    enabled: !!userId,
  });

  useEffect(() => {
    const searchParams = new URLSearchParams(window?.location?.search);
    const field = searchParams?.get('field');
    if (field) {
      const element = document?.getElementsByName(field)[0];
      if (element) {
        element.focus();
      }
    }
  }, []);

  const methods = useForm<UserProfile>({
    defaultValues: {
      name: user?.name,
      username: user?.username,
      image: user?.image,
      cover: user?.cover,
      bio: user?.bio,
      externalLocationId: user?.location?.externalId,
      experienceLevel: user?.experienceLevel,
      hideExperience: user?.hideExperience,
      readme: user?.readme || '',
      socialLinks: [],
    },
  });

  // Update socialLinks when fullProfile loads (async fetch completes)
  const hasUpdatedSocialLinks = useRef(false);
  useEffect(() => {
    if (fullProfile && !hasUpdatedSocialLinks.current) {
      hasUpdatedSocialLinks.current = true;
      methods.setValue('socialLinks', fullProfile.socialLinks || [], {
        shouldDirty: false,
      });
    }
  }, [fullProfile, methods]);

  const dirtyFormRef = useRef<ReturnType<typeof useDirtyForm> | null>(null);