Next JS Сборщик ПК

Space of React

требуется вход

Войдите, чтобы смотреть видео

Видеоуроки, интерактивный редактор и сохранение прогресса — бесплатно, сразу после входа.

Войти Создать аккаунт — бесплатно

Закончили урок?

Войдите, чтобы отмечать прогресс

Войти

Урок

Next JS Сборщик ПК — УрокШапка и главная страница — Next JS Сборщик ПК | Max Roslow | Space of React

Утилита getTabValue (lib/utils.ts)

Добавьте функцию для определения активной вкладки по pathname в lib/utils.ts:


export function getTabValue(pathname: string) {
  if (pathname === '/dashboard' || pathname.startsWith('/dashboard/')) return 'dashboard'
  if (pathname === '/builds/explore' || pathname.startsWith('/builds/explore')) return 'explore'
  if (pathname === '/builds' || pathname.startsWith('/builds')) return 'builds'
  
  return ''
}

Назначение:

'dashboard' — главная панель пользователя (/dashboard, /dashboard/*)
'builds' — страница сборок (/builds, /builds/*)
'explore' — просмотр сборок других (/builds/explore)

Использование


export function HeaderNav({ session }: Props) {
    const pathname = usePathname();
    const tabValue =