From 7a85ca276fffd138458fd309d5ace3d6241a36de Mon Sep 17 00:00:00 2001
From: rngsurrounded <kircore970@gmail.com>
Date: Tue, 4 Mar 2025 00:35:38 +0900
Subject: [PATCH] added docs ref to header

---
 .../frontend/src/components/layout/header.tsx | 70 +++++++++++--------
 1 file changed, 42 insertions(+), 28 deletions(-)

diff --git a/services/frontend/src/components/layout/header.tsx b/services/frontend/src/components/layout/header.tsx
index 27b0421..58c7a44 100644
--- a/services/frontend/src/components/layout/header.tsx
+++ b/services/frontend/src/components/layout/header.tsx
@@ -1,5 +1,5 @@
 import { DataRush } from "@/components/ui/icons/datarush";
-import { ChevronDown } from "lucide-react";
+import { ChevronDown, FileText } from "lucide-react";
 import { Link, useNavigate } from "react-router";
 import { useUserStore } from "@/shared/stores/user";
 import {
@@ -14,6 +14,13 @@ import { removeToken } from "@/shared/token";
 export const Header = () => {
   const navigate = useNavigate();
   const user = useUserStore((state) => state.user);
+  const clearUser = useUserStore((state) => state.clearUser);
+
+  const handleLogout = () => {
+    removeToken();
+    clearUser();
+    navigate("/login");
+  };
 
   return (
     <header className="bg-card sticky top-0 z-30 flex h-[72px] w-full items-center justify-center px-4 sm:px-6">
@@ -21,33 +28,40 @@ export const Header = () => {
         <Link to="/">
           <DataRush />
         </Link>
-        <DropdownMenu>
-          <DropdownMenuTrigger asChild>
-            <button className="flex cursor-pointer items-center gap-1 rounded-md px-2 py-1 text-left transition-opacity hover:opacity-80">
-              <span className="font-hse-sans text-lg font-semibold">
-                {user?.username}
-              </span>
-              <ChevronDown size={20} />
-            </button>
-          </DropdownMenuTrigger>
-          <DropdownMenuContent>
-            <Link to="/profile">
-              <DropdownMenuItem>Аккаунт</DropdownMenuItem>
-            </Link>
-            <DropdownMenuSeparator />
-
-            <DropdownMenuItem
-              variant="destructive"
-              onClick={() => {
-                removeToken();
-                navigate("/login");
-              }}
-            >
-              Выйти
-            </DropdownMenuItem>
-          </DropdownMenuContent>
-        </DropdownMenu>
+        
+        <div className="flex items-center gap-4">
+          <Link 
+            to="/docs" 
+            className="text-sm font-medium text-gray-700 hover:text-gray-900 transition-colors flex items-center gap-1"
+          >
+            <FileText className="h-4 w-4" />
+            Обучающие материалы
+          </Link>
+          
+          <DropdownMenu>
+            <DropdownMenuTrigger asChild>
+              <button className="flex cursor-pointer items-center gap-1 rounded-md px-2 py-1 text-left transition-opacity hover:opacity-80">
+                <span className="font-hse-sans text-lg font-semibold">
+                  {user?.username}
+                </span>
+                <ChevronDown size={20} />
+              </button>
+            </DropdownMenuTrigger>
+            <DropdownMenuContent>
+              <Link to="/profile">
+                <DropdownMenuItem>Аккаунт</DropdownMenuItem>
+              </Link>
+              <DropdownMenuSeparator />
+              <DropdownMenuItem
+                variant="destructive"
+                onClick={handleLogout}
+              >
+                Выйти
+              </DropdownMenuItem>
+            </DropdownMenuContent>
+          </DropdownMenu>
+        </div>
       </div>
     </header>
   );
-};
+};
\ No newline at end of file