Revize db0f300f

Displaying username in navigation bar

webapp/components/navigation/AdminNavBar.tsx

@@ -1 @@
-import React, { useCallback, useContext } from 'react';
+import React, { useCallback, useContext, useEffect, useState } from 'react';
 import { Menu } from 'antd';
 import { useRouter } from 'next/router';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
@@ -11 +11 @@
     faTags,
     faBookmark,
 } from '@fortawesome/free-solid-svg-icons';
+import { userController } from '../../controllers';
+import { UserInfo } from '../../api';
 
 const AdminNavBar = () => {
     const router = useRouter();
     const { logout } = useContext(LoggedUserContext);
     const { SubMenu } = Menu;
+    const [name, setName] = useState<string>('');
 
     const handleLogout = useCallback(() => {
         logout();
         router.push('/login');
     }, [logout, router]);
 
+    async function fetchUsername() {
+        let usr = (await userController.usersMeGet()).data.name;
+        setName(usr ? usr : '');
+    }
+
+    useEffect(() => {
+        fetchUsername();
+    }, []);
+
     return (
         <Menu theme="dark" mode="horizontal">
             <Menu.Item style={{}} key="1" onClick={() => router.push('/documents/admin')}>
@@ -37 +49 @@
                 <FontAwesomeIcon icon={faFileExport} /> Export
             </Menu.Item>
 
-            <SubMenu
-                icon={<FontAwesomeIcon icon={faUser} />}
-                key="account"
-                title={'Admin XY'} // TODO show username
-            >
+            <SubMenu icon={<FontAwesomeIcon icon={faUser} />} key="account" title={name}>
                 <Menu.Item key="setting:2" onClick={() => handleLogout()}>
                     Odhlásit se
                 </Menu.Item>