Icons on navbar profile dropdown (#8792)

This commit is contained in:
Daniele Scasciafratte 2025-02-25 20:04:01 +01:00 • committed by GitHub
parent 55ae194912
commit f18816e988
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -4,6 +4,10 @@ import type { MenuProps } from "antd";
import { Dropdown } from "antd";
import { Organization } from "@/components/networking";
import { defaultOrg } from "@/components/common_components/default_org";
import {
UserOutlined,
LogoutOutlined
} from '@ant-design/icons';
interface NavbarProps {
userID: string | null;
userRole: string | null;
@ -31,16 +35,16 @@ const Navbar: React.FC<NavbarProps> = ({
{
key: "1",
label: (
<div className="px-1 py-1">
<div className="py-1">
<p className="text-sm text-gray-600">Role: {userRole}</p>
<p className="text-sm text-gray-600">ID: {userID}</p>
<p className="text-sm text-gray-600"><UserOutlined /> {userID}</p>
<p className="text-sm text-gray-600">Premium User: {String(premiumUser)}</p>
</div>
),
},
{
key: "2",
label: <p className="text-sm hover:text-gray-900" onClick={handleLogout}>Logout</p>,
label: <p className="text-sm hover:text-gray-900" onClick={handleLogout}><LogoutOutlined /> Logout</p>,
}
];
@ -99,4 +103,4 @@ const Navbar: React.FC<NavbarProps> = ({
);
};
export default Navbar;
export default Navbar;