еуые

frontend/app/src/components/HeaderComponent.tsx

@@ -1,17 +1,23 @@
 import { UserOutlined } from "@ant-design/icons";
 import { Layout, Menu, MenuProps } from "antd";
-import React, { useState } from "react";
+import React, { useEffect, useState } from "react";
 import AuthModal from "./AuthModal";
 import "./styles.css";
+import { getLocalToken, store, updateUser } from "../config/store";
+import { useGetUserQuery } from "../slice/AuthApi";
 
 const { Header } = Layout;
 
 const HeaderComponent = () => {
   const [authModalOpen, setAuthModalOpen] = useState(false);
+  store.dispatch(getLocalToken());
+
+  const user = store.getState().auth.user;
+  console.log(user);
 
   const items: MenuProps["items"] = [
     {
-      label: "Log In",
+      label: user ? user.username : "Log In",
       key: "login",
       icon: <UserOutlined />,
       onClick: () => setAuthModalOpen(true),