Function useFeedOnPostClick

packages/shared/src/hooks/feed/useFeedOnPostClick.ts:21–60

(
  items: FeedItem[],
  updatePost: (page: number, index: number, post: Post) => void,
  columns: number,
  feedName: string,
  ranking?: string,
  eventName = 'click',
  feedQueryKey?: unknown[],
)

) => Promise<void>;

export default function useFeedOnPostClick(
  items: FeedItem[],
  updatePost: (page: number, index: number, post: Post) => void,
  columns: number,
  feedName: string,
  ranking?: string,
  eventName = 'click',
  feedQueryKey?: unknown[],
): FeedPostClick {
  const queryClient = useQueryClient();
  const onPostClick = useOnPostClick({
    eventName,
    columns,
    feedName,
    ranking,
  });

  return useMemo(
    () =>
      async (post, index, row, column, optional): Promise<void> => {
        await onPostClick({ post, row, column, optional });

        if (optional?.skipPostUpdate) {
          return;
        }

        const item = items[index];
        if (item.type === 'post') {
          updatePost(item.page, item.index, { ...post, read: true });
        } else if (isBoostedPostAd(item) && feedQueryKey) {
          updateFeedAndAdsCache(post.id, feedQueryKey, queryClient, {
            read: true,
          });
        }
      },
    // @NOTE see https://dailydotdev.atlassian.net/l/cp/dK9h1zoM
    // eslint-disable-next-line react-hooks/exhaustive-deps
    [items, updatePost, columns, feedName, ranking],
  );
}