Function useFeedLayout

packages/shared/src/hooks/useFeedLayout.ts:124–179

({
  feedRelated = true,
}: UseFeedLayoutProps = {})

};

export const useFeedLayout = ({
  feedRelated = true,
}: UseFeedLayoutProps = {}): UseFeedLayoutReturn => {
  const isLaptopSize = useViewSize(ViewSize.Laptop);
  const isLaptop = isLaptopSize;
  const { feedName } = useActiveFeedNameContext();
  const { insaneMode } = useContext(SettingsContext);
  const { isSearchPageLaptop } = useSearchResultsLayout();

  const isPostFeedPage = PostFeedPages.has(feedName as OtherFeedPage);

  const isListMode =
    isSearchPageLaptop ||
    insaneMode ||
    ListModeOnlyFeedPages.has(feedName as OtherFeedPage);

  const shouldUseListFeedLayoutOnProfilePages = UserProfileFeedPages.has(
    feedName as UserProfileFeedType,
  );

  const isFeedIncludedInListLayout = FeedLayoutMobileFeedPages.has(
    feedName as OtherFeedPage,
  );

  const shouldUseListFeedLayoutOnMobileTablet =
    !isLaptop && isFeedIncludedInListLayout;

  const shouldUseListMode =
    (isListMode && isLaptop && isFeedIncludedInListLayout) || isPostFeedPage;

  const shouldUseListFeedLayout = feedRelated
    ? shouldUseListFeedLayoutOnMobileTablet ||
      shouldUseListFeedLayoutOnProfilePages ||
      shouldUseListMode
    : isListMode || !isLaptop;

  const shouldUseCommentFeedLayout = feedName === OtherFeedPage.Discussed;

  const FeedPageLayoutComponent = getFeedPageLayoutComponent({
    shouldUseListMode,
    shouldUseListFeedLayoutOnMobileTablet,
    shouldUseCommentFeedLayout,
    isSearchPageLaptop,
  });

  return {
    shouldUseListFeedLayout,
    shouldUseCommentFeedLayout,
    FeedPageLayoutComponent,
    isListMode,
    shouldUseListMode,
    screenCenteredOnMobileLayout:
      shouldUseListFeedLayoutOnMobileTablet &&
      !UserProfileFeedPages.has(feedName as UserProfileFeedType),
  };
};