Update profile menu to have duotone icon

This commit is contained in:
2025-09-09 18:00:31 +02:00
parent 2d2b1b9c00
commit 7a7a909440

View File

@@ -1,5 +1,5 @@
import React, {useState, useRef, useEffect, useContext} from 'react'; import React, {useState, useRef, useEffect, useContext} from 'react';
import {UserCircleIcon, SignOutIcon, CaretDownIcon} from '@phosphor-icons/react'; import {SignOutIcon, CaretDownIcon, UserIcon} from '@phosphor-icons/react';
import {UserContext} from '@/common/contexts/UserContext.jsx'; import {UserContext} from '@/common/contexts/UserContext.jsx';
import './styles.sass'; import './styles.sass';
@@ -54,7 +54,7 @@ export const ProfileMenu = () => {
aria-expanded={isOpen} aria-expanded={isOpen}
> >
<div className="profile-menu-avatar"> <div className="profile-menu-avatar">
<UserCircleIcon size={16} weight="fill"/> <UserIcon size={16} weight="duotone"/>
</div> </div>
<span className="profile-menu-name">{user.username}</span> <span className="profile-menu-name">{user.username}</span>
<CaretDownIcon <CaretDownIcon
@@ -67,7 +67,7 @@ export const ProfileMenu = () => {
<div className="profile-menu-dropdown"> <div className="profile-menu-dropdown">
<div className="profile-menu-header"> <div className="profile-menu-header">
<div className="profile-menu-avatar profile-menu-avatar--large"> <div className="profile-menu-avatar profile-menu-avatar--large">
<UserCircleIcon size={20} weight="fill"/> <UserIcon size={20} weight="duotone"/>
</div> </div>
<div className="profile-menu-info"> <div className="profile-menu-info">
<div className="profile-menu-name-large">{user.username}</div> <div className="profile-menu-name-large">{user.username}</div>