From dfee7e246ee3535e33f6b23f152c767608c72d7a Mon Sep 17 00:00:00 2001 From: Cosmo Date: Sun, 1 Mar 2026 04:37:56 +0000 Subject: [PATCH] =?UTF-8?q?feat:=20restore=20Savings=20(=D0=9D=D0=B0=D0=BA?= =?UTF-8?q?=D0=BE=D0=BF=D0=BB=D0=B5=D0=BD=D0=B8=D1=8F)=20in=20navigation?= =?UTF-8?q?=20as=205th=20tab?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Navigation.jsx | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/src/components/Navigation.jsx b/src/components/Navigation.jsx index e234e56..cf10175 100644 --- a/src/components/Navigation.jsx +++ b/src/components/Navigation.jsx @@ -1,5 +1,5 @@ import { NavLink } from "react-router-dom" -import { Home, BarChart3, Wallet, Settings } from "lucide-react" +import { Home, BarChart3, Wallet, PiggyBank, Settings } from "lucide-react" import clsx from "clsx" export default function Navigation() { @@ -7,6 +7,7 @@ export default function Navigation() { { to: "/", icon: Home, label: "Главная" }, { to: "/tracker", icon: BarChart3, label: "Трекер" }, { to: "/finance", icon: Wallet, label: "Финансы" }, + { to: "/savings", icon: PiggyBank, label: "Накопления" }, { to: "/settings", icon: Settings, label: "Настройки" }, ] @@ -21,15 +22,15 @@ export default function Navigation() { end={to === "/"} className={({ isActive }) => clsx( - "flex flex-col items-center gap-0.5 px-3 py-2 rounded-xl transition-all", + "flex flex-col items-center gap-0.5 px-2 py-2 rounded-xl transition-all", isActive ? "text-primary-600 dark:text-primary-400 bg-primary-50 dark:bg-primary-900/30" : "text-gray-400 dark:text-gray-500 hover:text-gray-600 dark:hover:text-gray-300" ) } > - - {label} + + {label} ))}