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

6
apps/web/components/Objects/Menu/Menu.tsx
View file

@ -53,9 +53,9 @@ export const Menu = (props: any) => {
<div className="links flex grow"> <div className="links flex grow">
<MenuLinks orgslug={orgslug} /> <MenuLinks orgslug={orgslug} />
</div> </div>
<div className="profile flex items-center space-x-2"> <div className="profile flex items-center">
<Modal {/* <Modal
isDialogOpen={feedbackModal} isDialogOpen={feedbackModal}
onOpenChange={setFeedbackModal} onOpenChange={setFeedbackModal}
minHeight="sm" minHeight="sm"
@ -67,7 +67,7 @@ export const Menu = (props: any) => {
<MessageSquareIcon size={12} /> <MessageSquareIcon size={12} />
</div> </div>
} }
/> /> */}
<HeaderProfileBox /> <HeaderProfileBox />
</div> </div>
</div> </div>

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

@ -5,6 +5,7 @@ import Link from "next/link";
import { AuthContext } from "./AuthProviderDepreceated"; import { AuthContext } from "./AuthProviderDepreceated";
import Avvvatars from "avvvatars-react"; import Avvvatars from "avvvatars-react";
import { GearIcon } from "@radix-ui/react-icons"; import { GearIcon } from "@radix-ui/react-icons";
import { Settings } from "lucide-react";
export const HeaderProfileBox = () => { export const HeaderProfileBox = () => {
const auth: any = React.useContext(AuthContext); const auth: any = React.useContext(AuthContext);
@ -28,13 +29,15 @@ export const HeaderProfileBox = () => {
</UnidentifiedArea> </UnidentifiedArea>
)} )}
{auth.isAuthenticated && ( {auth.isAuthenticated && (
<AccountArea className="-space-x-2"> <AccountArea className="space-x-0">
<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 space-x-2">
<div className="flex items-center"> <div className="text-xs">{auth.userInfo.username} </div>
<div className="py-4"> <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> </div>
<Link className="" href={"/dash"}><GearIcon fontSize={26} /></Link> <Link className="text-gray-600" href={"/dash"}><Settings size={14} /></Link>
</div> </div>
</AccountArea> </AccountArea>
)} )}