diff --git a/package.json b/package.json index 93fe901..8b8189b 100644 --- a/package.json +++ b/package.json @@ -13,12 +13,14 @@ "react": "^18.3.1", "react-dom": "^18.3.1", "react-router-dom": "^6.23.1", + "react-router-hash-link": "^2.4.3", "react-swipeable": "^7.0.1", "zustand": "^4.5.4" }, "devDependencies": { "@types/react": "^18.3.3", "@types/react-dom": "^18.3.0", + "@types/react-router-hash-link": "^2.4.9", "@typescript-eslint/eslint-plugin": "^7.13.1", "@typescript-eslint/parser": "^7.13.1", "@vitejs/plugin-react": "^4.3.1", diff --git a/src/components/Layout/Navbar.tsx b/src/components/Layout/Navbar.tsx index c64247a..b338c32 100644 --- a/src/components/Layout/Navbar.tsx +++ b/src/components/Layout/Navbar.tsx @@ -1,7 +1,8 @@ -import { useState } from 'react'; +import { PropsWithChildren, useState } from 'react'; import { NavLink } from '../../ui/NavLink'; import { Link } from 'react-router-dom'; import { Lang, useLang } from '../../store/language'; +import { HashLink } from 'react-router-hash-link'; export function Navbar() { const [menuOpen, setMenuOpen] = useState(false); @@ -19,10 +20,10 @@ export function Navbar() { />
- - - - + Типы тренажеров + Варианты комплектации + Проекты + События @@ -46,10 +47,10 @@ export function Navbar() { (menuOpen ? ' shadow-[0_0_0_9999px_rgba(0,0,0,.4)]' : '') } > - - - - + Типы тренажеров + Варианты комплектации + Проекты + События