25 lines
921 B
TypeScript
25 lines
921 B
TypeScript
'use client';
|
|
|
|
import { NavButton } from './nav-button';
|
|
import { BookOpen, Newspaper, PlusCircle, User, Users } from 'lucide-react';
|
|
import { usePathname } from 'next/navigation';
|
|
|
|
export function BottomNav() {
|
|
const pathname = usePathname();
|
|
|
|
const isFirstLevel = pathname.split('/').length <= 2;
|
|
if (!isFirstLevel) return null;
|
|
|
|
return (
|
|
<nav className="sticky inset-x-0 bottom-0 border-t border-border bg-background">
|
|
<div className="grid grid-cols-5">
|
|
<NavButton href="/dashboard" icon={<Newspaper />} label="Главное" />
|
|
<NavButton href="/orders" icon={<BookOpen />} label="Записи" />
|
|
<NavButton href="/orders/add" icon={<PlusCircle />} label="Новая запись" />
|
|
<NavButton href="/contacts" icon={<Users />} label="Контакты" />
|
|
<NavButton href="/profile" icon={<User />} label="Профиль" />
|
|
</div>
|
|
</nav>
|
|
);
|
|
}
|