/
DME
/
NotesApp
Обзор
Документация
Войти
/
DME
/
NotesApp
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/components/header.tsx
52 строки
2 KB
Karasique333
Commit
19 июн 2025, 15:09
19 июн 2025, 15:09
d96c829
Код
Авторство
О чём код?
'use client' import Link from 'next/link' import { usePathname, useSearchParams } from 'next/navigation' import React from 'react' import HeaderSearchBar from './header-search-bar' import { LogoWithText } from './icons' export default function Header() { const pathname = usePathname() const searchParams = useSearchParams() const getPageTitle = () => { const firstPath = pathname?.split('/')[1] const secondPath = pathname?.split('/')[2] switch (firstPath) { case 'search': const query = searchParams?.get('q') if (query) { return `Поиск: ${query}` } return 'Поиск' case 'archived-notes': return 'Архив' case 'settings': return 'Настройки' case 'tag': if (secondPath) { return `: ${decodeURIComponent(secondPath)}` } return 'Теги' default: return 'Заметки' } } return ( <header className="h-[54px] w-full border-b-neutral-200 bg-neutral-100 px-4 py-[13px] dark:border-b-neutral-800 dark:bg-neutral-800 md:h-[74px] md:px-8 md:py-[23px] lg:h-[81px] lg:border-b lg:bg-white lg:py-[26px] dark:lg:bg-neutral-950"> <div className="flex h-full w-full items-center justify-between"> <Link href={'/'} className="lg:hidden"> <LogoWithText /> </Link> <h3 className="hidden text-2xl/normal font-bold capitalize tracking-[-0.5px] text-neutral-950 dark:text-white lg:block"> {getPageTitle()} </h3> <HeaderSearchBar /> </div> </header> ) }