rzmk/learnhouse
1
0
Fork 0
mirror of https://github.com/rzmk/learnhouse.git synced 2025-12-19 04:19:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: menu ui minor improvements

Browse source
This commit is contained in:
swve 2023-12-14 17:08:53 +01:00
parent 5b3c2fab24
commit 2cc4062e2b
2 changed files with 11 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

13
apps/web/components/Security/HeaderProfileBox.tsx
View file

@ -5,6 +5,7 @@ import Link from "next/link";
import { AuthContext } from "./AuthProviderDepreceated";
import Avvvatars from "avvvatars-react";
import { GearIcon } from "@radix-ui/react-icons";
import { Settings } from "lucide-react";
export const HeaderProfileBox = () => {
const auth: any = React.useContext(AuthContext);
@ -28,13 +29,15 @@ export const HeaderProfileBox = () => {
</UnidentifiedArea>
)}
{auth.isAuthenticated && (
<AccountArea className="-space-x-2">
<div className="text-xs px-4 text-gray-600 p-1.5 rounded-full bg-gray-50">{auth.userInfo.username}</div>
<div className="flex items-center">
<AccountArea className="space-x-0">
<div className="flex items-center space-x-2">
<div className="text-xs">{auth.userInfo.username} </div>
<div className="py-4">
<Avvvatars size={26} value={auth.userInfo.user_uuid} style="shape" />
<div className="shadow-sm rounded-xl">
<Avvvatars radius={3} size={30} value={auth.userInfo.user_uuid} style="shape" />
</div>
</div>
<Link className="" href={"/dash"}><GearIcon fontSize={26} /></Link>
<Link className="text-gray-600" href={"/dash"}><Settings size={14} /></Link>
</div>
</AccountArea>
)}