Function Feed

packages/shared/src/components/Feed.tsx:182–846

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

  };

export default function Feed<T>({
  feedName,
  feedQueryKey,
  query,
  variables,
  className,
  header,
  inlineHeader,
  onEmptyFeed,
  emptyScreen,
  options,
  allowPin,
  showSearch = true,
  shortcuts,
  actionButtons,
  disableAds,
  staticAd,
  disableAdRefresh = false,
  allowFetchMore,
  pageSize,
  isHorizontal = false,
  feedContainerRef,
  disableListFrame = false,
  excludePinnedPosts = false,
  hideSource = false,
  hideTags = false,
  topContent: topContentProp,
}: 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 =
    isActionsFetched && checkHasCompleted(ActionType.DisableBriefCardCta);
  const showMarketingCta =
    !!marketingCta &&
    (marketingCta?.variant !== MarketingCtaVariant.BriefCard ||
      !hasDismissBriefCta);
  const { isSearchPageLaptop } = useSearchResultsLayout();