Function Feed

packages/shared/src/components/Feed.tsx:206–923

({
  feedName,
  feedQueryKey,
  query,
  variables,
  className,
  header,
  inlineHeader,
  onEmptyFeed,
  emptyScreen,
  options,
  allowPin,
  showSearch = true,
  shortcuts,
  actionButtons,
  disableAds,
  disableHighlightCards,
  disableTopHero,
  skipFirstAd,
  deferWideCards,
  staticAd,
  disableAdRefresh = false,
  allowFetchMore,
  pageSize,
  isHorizontal = false,
  feedContainerRef,
  disableListFrame = false,
  excludePinnedPosts = false,
  hideSource = false,
  hideTags = false,
  topContent: topContentProp,
  searchId,
  searchVersion,
}: FeedProps<T>)

  };

export default function Feed<T>({
  feedName,
  feedQueryKey,
  query,
  variables,
  className,
  header,
  inlineHeader,
  onEmptyFeed,
  emptyScreen,
  options,
  allowPin,
  showSearch = true,
  shortcuts,
  actionButtons,
  disableAds,
  disableHighlightCards,
  disableTopHero,
  skipFirstAd,
  deferWideCards,
  staticAd,
  disableAdRefresh = false,
  allowFetchMore,
  pageSize,
  isHorizontal = false,
  feedContainerRef,
  disableListFrame = false,
  excludePinnedPosts = false,
  hideSource = false,
  hideTags = false,
  topContent: topContentProp,
  searchId,
  searchVersion,
}: FeedProps<T>): ReactElement {
  const origin = Origin.Feed;
  const { logEvent } = useLogContext();
  const currentSettings = useContext(FeedContext);
  const { user } = useContext(AuthContext);
  const { isFallback, query: routerQuery } = useRouter();
  const { openNewTab, loadedSettings } = useContext(SettingsContext);
  const { isListMode, shouldUseListFeedLayout } = useFeedLayout();
  const numCards = currentSettings.numCards.eco;
  const isSquadFeed = feedName === OtherFeedPage.Squad;
  const trackedFeedFinish = useRef(false);
  const isMyFeed = feedName === SharedFeedPage.MyFeed;
  const showAcquisitionForm =
    isMyFeed &&
    (routerQuery?.[acquisitionKey] as string)?.toLocaleLowerCase() === 'true' &&
    !user?.acquisitionChannel;
  const { getMarketingCta } = useBoot();
  const { isActionsFetched, checkHasCompleted } = useActions();
  const marketingCta =
    getMarketingCta(MarketingCtaVariant.Card) ||
    getMarketingCta(MarketingCtaVariant.BriefCard) ||
    getMarketingCta(MarketingCtaVariant.YearInReview) ||
    getMarketingCta(MarketingCtaVariant.Video);
  const { plusEntryFeed } = usePlusEntry();
  const hasDismissBriefCta =