Update profile menu to have duotone icon
This commit is contained in:
@@ -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>
|
||||||
|
Reference in New Issue
Block a user