Function MainFeedLayout

packages/shared/src/components/MainFeedLayout.tsx:227–853

({
  feedName: feedNameProp,
  searchQuery,
  isSearchOn,
  children,
  searchChildren,
  shortcuts,
  navChildren,
  isFinder,
  onNavTabClick,
}: MainFeedLayoutProps)

];

export default function MainFeedLayout({
  feedName: feedNameProp,
  searchQuery,
  isSearchOn,
  children,
  searchChildren,
  shortcuts,
  navChildren,
  isFinder,
  onNavTabClick,
}: MainFeedLayoutProps): ReactElement {
  useScrollRestoration();
  const { sortingEnabled, loadedSettings } = useContext(SettingsContext);
  const { user, tokenRefreshed } = useContext(AuthContext);
  const { alerts } = useContext(AlertContext);
  const { numCards: feedSpacinessCards } = useContext(FeedContext);
  const router = useRouter();
  const [tab, setTab] = useState(ExploreTabs.Popular);
  const { getFeatureValue } = useFeaturesReadyContext();
  const feedName = getFeedName(feedNameProp, {
    hasFiltered: !alerts?.filter,
    hasUser: !!user,
  });
  const { isCustomDefaultFeed, defaultFeedId } = useCustomDefaultFeed();
  const isLaptop = useViewSize(ViewSize.Laptop);
  const { isV2 } = useLayoutVariant();
  const feedVersion = useFeature(feature.feedVersion);
  const { time, contentCurationFilter } = useSearchContextProvider();
  const isExtension = checkIsExtension();
  const isHomePage = router.pathname === webappUrl;
  const {
    isUpvoted,
    isPopular,
    isAnyExplore,
    isExploreLatest,
    isDiscussed,
    isSortableFeed,
    isCustomFeed,
    isSearch: isSearchPage,
  } = useFeedName({
    feedName,
  });
  useTrackQuestClientEvent({
    eventType: ClientQuestEventType.VisitExplorePage,
    enabled: feedName === OtherFeedPage.Explore,
  });
  useTrackQuestClientEvent({
    eventType: ClientQuestEventType.VisitDiscussionsPage,
    enabled: feedName === OtherFeedPage.Discussed,
  });
  const {
    shouldUseListFeedLayout: shouldUseListFeedLayoutRaw,
    shouldUseCommentFeedLayout,
    FeedPageLayoutComponent: FeedPageLayoutComponentRaw,
  } = useFeedLayout();

  // SSR renders /explore/[tag] with FeedPageLayoutMobile. On client hydration with
  // a laptop viewport the layout swaps to FeedPage, which causes a hydration