Function FeedNav

packages/shared/src/components/feeds/FeedNav.tsx:60–235

()

);

function FeedNav(): ReactElement | null {
  const router = useRouter();
  const { feedName: rawFeedName } = useActiveFeedNameContext();
  const feedName = rawFeedName as AllFeedPages;
  const { sortingEnabled } = useSettingsContext();
  const { isSortableFeed } = useFeedName({ feedName });
  const { home, bookmarks } = useActiveNav(feedName);
  const isMobile = useViewSize(ViewSize.MobileL);
  const isBelowLaptop = !useViewSize(ViewSize.Laptop);
  const { value: feedChipsVariant } = useConditionalFeature({
    feature: featureFeedChips,
    shouldEvaluate: isBelowLaptop,
  });
  const isFeedChipsEnabled = feedChipsVariant === FeedChipsVariant.V2;
  const [selectedAlgo, setSelectedAlgo] = usePersistentContext(
    DEFAULT_ALGORITHM_KEY,
    DEFAULT_ALGORITHM_INDEX,
    [0, 1],
    DEFAULT_ALGORITHM_INDEX,
  );
  const featureTheme = useFeatureTheme();
  const scrollClassName = useScrollTopClassName({ enabled: !!featureTheme });
  const { feeds } = useFeeds();
  const { isCustomDefaultFeed, defaultFeedId } = useCustomDefaultFeed();
  const sortedFeeds = useSortedFeeds({ edges: feeds?.edges });
  const isForYouTab =
    router.pathname === webappUrl || router.pathname === `${webappUrl}my-feed`;
  const { plusEntryForYou } = usePlusEntry();
  const showStickyButton =
    isMobile &&
    ((sortingEnabled && isSortableFeed) || feedName === SharedFeedPage.Custom);

  const urlToTab: Record<string, string> = useMemo(() => {
    const customFeeds = sortedFeeds.reduce<Record<string, string>>(
      (acc, { node: feed }) => {
        const isEditingFeed =
          router.query.slugOrId === feed.id &&
          router.pathname.endsWith('/edit');
        let feedPath = `${webappUrl}feeds/${feed.id}`;

        if (
          !isEditingFeed &&
          isCustomDefaultFeed &&
          feed.id === defaultFeedId
        ) {
          feedPath = `${webappUrl}`;
        }

        const urlPath = `${feedPath}${isEditingFeed ? '/edit' : ''}`;

        acc[urlPath] = feed.flags?.name || `Feed ${feed.id}`;

        return acc;
      },
      {},
    );

    const forYouTab = isCustomDefaultFeed ? `${webappUrl}my-feed` : webappUrl;