Function useUserStack

packages/shared/src/features/profile/hooks/useUserStack.ts:25–115

(user: PublicProfile | null)

const selectStack = (data: ProfileShowcase) => data.userStack;

export function useUserStack(user: PublicProfile | null) {
  const { isOwner } = useProfilePreview(user);
  const { logEvent } = useLogContext();

  const {
    queryKey,
    invalidate: invalidateQuery,
    ...query
  } = useProfileShowcase(user, selectStack);

  const stackItems = useMemo(
    () => query.data?.edges?.map(({ node }) => node) ?? [],
    [query.data],
  );
  const canAddMore = stackItems.length < MAX_STACK_ITEMS;

  // Group items by section
  const groupedBySection = useMemo(() => {
    const groups: Record<string, UserStack[]> = {};
    stackItems.forEach((item) => {
      if (!groups[item.section]) {
        groups[item.section] = [];
      }
      groups[item.section].push(item);
    });
    return groups;
  }, [stackItems]);

  const addMutation = useMutation({
    mutationFn: (input: AddUserStackInput) => addUserStack(input),
    onSuccess: (_, input) => {
      invalidateQuery();
      logEvent({
        event_name: LogEvent.AddUserStack,
        target_id: input.title,
        extra: JSON.stringify({ section: input.section }),
      });
    },
  });

  const updateMutation = useMutation({
    mutationFn: ({ id, input }: { id: string; input: UpdateUserStackInput }) =>
      updateUserStack(id, input),
    onSuccess: (_, { id }) => {
      invalidateQuery();
      logEvent({
        event_name: LogEvent.UpdateUserStack,
        extra: JSON.stringify({ id }),
      });
    },
  });

  const deleteMutation = useMutation({
    mutationFn: (id: string) => deleteUserStack(id),
    onSuccess: (_, id) => {
      invalidateQuery();
      logEvent({
        event_name: LogEvent.RemoveUserStack,