[FIX] admin-ui displayed logged user

Maxxx873 · Feb 27, 2024 · eaf5eff · eaf5eff
1 parent e897507
commit eaf5eff
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/admin-ui/src/App.tsx b/admin-ui/src/App.tsx
@@ -15,7 +15,6 @@ import Domain from "./pages/domain/Domain";
 import Account from "./pages/account/Account";
 import Docs from "./pages/docs/Docs";
 import { useAuth } from "react-oidc-context";
-import { useEffect, useState } from 'react';
 
 function App() {
   const auth = useAuth();

diff --git a/admin-ui/src/componetns/navbar/Navbar.tsx b/admin-ui/src/componetns/navbar/Navbar.tsx
@@ -1,6 +1,8 @@
 import "./navbar.scss"
+import { useAuth } from "react-oidc-context";
 
 const Navbar = () => {
+    const auth = useAuth();
     return (
         <div className="navbar">
             <div className="logo">
@@ -17,7 +19,7 @@ const Navbar = () => {
                 </div>
                 <div className="user">
                     <img src="user.png" alt="user" className="icon" />
-                    <span>Admin</span>
+                    {<span>{auth.user?.profile.preferred_username}</span>}
                 </div>
                 <img src="settings.svg" alt="settings" className="icon" />
             </div>

diff --git a/admin-ui/src/pages/login/Login.tsx b/admin-ui/src/pages/login/Login.tsx
@@ -3,6 +3,7 @@ import { useAuth } from "react-oidc-context";
 
 const Login = () => {
     const auth = useAuth();
+    console.log("user:", auth.user?.profile);
     const onButtonClick = () => {
         auth.signinRedirect();
     }
@@ -21,7 +22,7 @@ const Login = () => {
                     onClick={onButtonClick}
                     value={auth.isAuthenticated ? 'Log out' : 'Log in'}
                 />
-                {auth.isAuthenticated ? <div>You logged as {auth.user?.profile.name}</div> : <div />}
+                {auth.isAuthenticated ? <div>You logged as {auth.user?.profile.preferred_username}</div> : <div />}
             </div>
         </div>
     )