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: avatar edition & new avatar component

Browse source
This commit is contained in:
swve 2024-01-20 02:27:09 +01:00
parent a51a128fcb
commit 9b8ec34bba
12 changed files with 260 additions and 98 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -6,6 +6,7 @@ import Avvvatars from "avvvatars-react";
import { GearIcon } from "@radix-ui/react-icons";
import { Settings } from "lucide-react";
import { useSession } from "@components/Contexts/SessionContext";
import UserAvatar from "@components/Objects/UserAvatar";
export const HeaderProfileBox = () => {
const session = useSession() as any;
@ -33,9 +34,7 @@ export const HeaderProfileBox = () => {
<div className="flex items-center space-x-2">
<div className="text-xs">{session.user.username} </div>
<div className="py-4">
<div className="shadow-sm rounded-xl">
<Avvvatars radius={3} size={30} value={session.user.user_uuid} style="shape" />
</div>
<UserAvatar border="border-4" rounded='rounded-lg' width={30} />
</div>
<Link className="text-gray-600" href={"/dash"}><Settings size={14} /></Link>
</div>
@ -51,7 +50,6 @@ const AccountArea = styled.div`
img {
width: 29px;
border-radius: 19px;
}
`;