Добавлены кнопки навигации "Главная" и "Экономика" в боковую панель. Реализованы обработчики кликов для перехода на соответствующие страницы. Обновлены стили кнопок для улучшения пользовательского интерфейса в зависимости от состояния навигации.

This commit is contained in:
Veronika Smirnova
2025-08-02 13:13:22 +03:00
parent 3f759e7454
commit a33adda9d7
21 changed files with 3225 additions and 0 deletions

View File

@ -25,6 +25,8 @@ import {
ChevronLeft,
ChevronRight,
BarChart3,
Home,
DollarSign,
} from "lucide-react";
// Компонент для отображения уведомлений о непринятых поставках
@ -173,6 +175,16 @@ export function Sidebar() {
router.push("/partners");
};
const handleHomeClick = () => {
router.push("/home");
};
const handleEconomicsClick = () => {
router.push("/economics");
};
const isHomeActive = pathname === "/home";
const isEconomicsActive = pathname === "/economics";
const isSettingsActive = pathname === "/settings";
const isMarketActive = pathname.startsWith("/market");
const isMessengerActive = pathname.startsWith("/messenger");
@ -304,6 +316,27 @@ export function Sidebar() {
{/* Навигация */}
<div className="space-y-1 mb-3 flex-1">
{/* Кнопка Главная - первая для всех типов кабинетов */}
<Button
variant={isHomeActive ? "secondary" : "ghost"}
className={`w-full ${
isCollapsed ? "justify-center px-2 h-9" : "justify-start h-10"
} text-left transition-all duration-200 text-xs ${
isHomeActive
? "bg-white/20 text-white hover:bg-white/30"
: "text-white/80 hover:bg-white/10 hover:text-white"
} cursor-pointer`}
onClick={handleHomeClick}
title={isCollapsed ? "Главная" : ""}
>
<Home
className={`${
isCollapsed ? "h-4 w-4" : "h-4 w-4"
} flex-shrink-0`}
/>
{!isCollapsed && <span className="ml-3">Главная</span>}
</Button>
<Button
variant={isMarketActive ? "secondary" : "ghost"}
className={`w-full ${
@ -607,6 +640,27 @@ export function Sidebar() {
</Button>
)}
{/* Кнопка Экономика - для всех типов кабинетов, перед настройками */}
<Button
variant={isEconomicsActive ? "secondary" : "ghost"}
className={`w-full ${
isCollapsed ? "justify-center px-2 h-9" : "justify-start h-10"
} text-left transition-all duration-200 text-xs ${
isEconomicsActive
? "bg-white/20 text-white hover:bg-white/30"
: "text-white/80 hover:bg-white/10 hover:text-white"
} cursor-pointer`}
onClick={handleEconomicsClick}
title={isCollapsed ? "Экономика" : ""}
>
<DollarSign
className={`${
isCollapsed ? "h-4 w-4" : "h-4 w-4"
} flex-shrink-0`}
/>
{!isCollapsed && <span className="ml-3">Экономика</span>}
</Button>
<Button
variant={isSettingsActive ? "secondary" : "ghost"}
className={`w-full ${