-
+
diff --git a/src/widgets/Header/Navigation/index.ts b/src/widgets/Header/Navigation/index.ts
new file mode 100644
index 0000000..32b2f7c
--- /dev/null
+++ b/src/widgets/Header/Navigation/index.ts
@@ -0,0 +1 @@
+export {Navigation} from "./ui/Navigation"
\ No newline at end of file
diff --git a/src/widgets/Header/Navigation/ui/Navigation.module.scss b/src/widgets/Header/Navigation/ui/Navigation.module.scss
new file mode 100644
index 0000000..b006c0c
--- /dev/null
+++ b/src/widgets/Header/Navigation/ui/Navigation.module.scss
@@ -0,0 +1,45 @@
+.header {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+}
+
+.logout {
+ display: flex;
+ align-items: center;
+ gap: 5px;
+ cursor: pointer;
+ color: var(--color-accent-800);
+}
+
+.logout:hover {
+ transition: background-color 0.2s;
+ color: var(--color-accent-600);
+}
+
+.logoutText {
+ font-weight: 600;
+}
+
+.account {
+ display: flex;
+ align-items: center;
+ gap: 15px
+}
+
+.accountText {
+ padding: 8px 20px;
+ height: 30px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ gap: 10px;
+ background: var(--color-primary-900);
+ border-radius: 40px;
+ cursor: pointer;
+}
+
+.accountText:hover {
+ background: var(--color-primary-600);
+ transition: background-color 0.2s;
+}
\ No newline at end of file
diff --git a/src/widgets/Header/Navigation/ui/Navigation.tsx b/src/widgets/Header/Navigation/ui/Navigation.tsx
new file mode 100644
index 0000000..d1464fd
--- /dev/null
+++ b/src/widgets/Header/Navigation/ui/Navigation.tsx
@@ -0,0 +1,29 @@
+import React from 'react';
+import cl from "./Navigation.module.scss"
+import LogoutIcon from 'shared/assets/icons/LogoutIcon';
+import { ThemeSwitcher } from 'shared/ui/ThemeSwitcher';
+import { Link } from 'react-router-dom';
+import { getAccount } from 'app/providers/router/routeConfig/routes';
+import { useAuth } from 'entities/Auth/hooks/useAuth';
+import { useLogout } from 'entities/Auth/hooks/useLogout';
+
+export const Navigation = () => {
+ const { isAuth, user } = useAuth();
+ const { logout } = useLogout();
+ return (
+
+ );
+};
diff --git a/src/widgets/Header/NavigationMenu/ui/NavigationMenu.tsx b/src/widgets/Header/NavigationMenu/ui/NavigationMenu.tsx
index b10e52b..ad3350b 100644
--- a/src/widgets/Header/NavigationMenu/ui/NavigationMenu.tsx
+++ b/src/widgets/Header/NavigationMenu/ui/NavigationMenu.tsx
@@ -1,19 +1,28 @@
-import { getInfographics, getObject, getTest } from 'app/providers/router/routeConfig/routes';
+import { getInfographics, getTest, getFacility } from 'app/providers/router/routeConfig/routes';
import cl from './NavigationMenu.module.scss';
import AppLink, { AppLinkTheme } from 'shared/ui/AppLink/AppLink';
+import { useAppSelector } from 'shared/lib/hooks/useAppSelector/useAppSelector';
+import { useParams } from 'react-router-dom';
interface LinksProps {
to: string;
name: string;
}
-const Links: LinksProps[] = [
- { to: getObject(), name: 'Объект' },
- { to: getInfographics(), name: 'Инфографика' },
- { to: getTest(), name: 'Тестирование' },
-];
-
export const NavigationMenu = () => {
+ const {currentFacility} = useAppSelector(state => state.facility)
+ const URL = useParams()
+ const value = URL["*"];
+ const parts = value.split('/');
+ const factoryKey = parts[0];
+ const facilityId= parts[2];
+
+ const Links: LinksProps[] = [
+ { to: getFacility(factoryKey, facilityId), name: 'Установка' },
+ { to: getInfographics(factoryKey, facilityId), name: 'Инфографика ТП' },
+ { to: getTest(factoryKey, facilityId), name: 'Описание ТП' },
+ ];
+
return (