427cc6b5d8
* prepare for header back button: fix pages layout add header with back button * set header title * optimize layout * remove navigation context * make profile photo bigger * remove page-header from main pages * fix profile layout * profile: use ui/Card * fix app background * contacts: use ui/Card component
17 lines
734 B
TypeScript
17 lines
734 B
TypeScript
import { NavButton } from './nav-button';
|
|
import { BookOpen, Newspaper, PlusCircle, User, Users } from 'lucide-react';
|
|
|
|
export function BottomNav() {
|
|
return (
|
|
<nav className="fixed 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="/records" icon={<BookOpen />} label="Записи" />
|
|
<NavButton href="/records/add" icon={<PlusCircle />} label="Новая запись" />
|
|
<NavButton href="/contacts" icon={<Users />} label="Контакты" />
|
|
<NavButton href="/profile" icon={<User />} label="Профиль" />
|
|
</div>
|
|
</nav>
|
|
);
|
|
}
|