diff --git a/packages/app/src/Pages/Layout/NavSidebar.tsx b/packages/app/src/Pages/Layout/NavSidebar.tsx index 467184cb..db277382 100644 --- a/packages/app/src/Pages/Layout/NavSidebar.tsx +++ b/packages/app/src/Pages/Layout/NavSidebar.tsx @@ -1,6 +1,10 @@ import { LogoHeader } from "./LogoHeader"; import { Link } from "react-router-dom"; import Icon from "@/Icons/Icon"; +import {ProfileLink} from "../../Element/User/ProfileLink"; +import Avatar from "../../Element/User/Avatar"; +import useLogin from "../../Hooks/useLogin"; +import {useUserProfile} from "@snort/system-react"; const MENU_ITEMS = [ { @@ -26,6 +30,14 @@ const MENU_ITEMS = [ ]; export default function NavSidebar() { + const { publicKey } = useLogin(s => ({ + publicKey: s.publicKey, + latestNotification: s.latestNotification, + readNotifications: s.readNotifications, + readonly: s.readonly, + })); + const profile = useUserProfile(publicKey); + return (
@@ -43,6 +55,14 @@ export default function NavSidebar() { ))}
+ {publicKey ? ( + +
+ + {profile?.name} +
+
+ ) : ''} ); }