add stopPropagation for user menu dropdown
This commit is contained in:
@@ -24,6 +24,7 @@ export default function UserMenuButton() {
|
|||||||
);
|
);
|
||||||
|
|
||||||
const handleButtonClick = () => {
|
const handleButtonClick = () => {
|
||||||
|
console.log('click');
|
||||||
if (!isOpen) {
|
if (!isOpen) {
|
||||||
setIsOpen(true);
|
setIsOpen(true);
|
||||||
} else {
|
} else {
|
||||||
@@ -44,7 +45,12 @@ export default function UserMenuButton() {
|
|||||||
>
|
>
|
||||||
{userData?.fullName ? userData.fullName[0] : ''}
|
{userData?.fullName ? userData.fullName[0] : ''}
|
||||||
</div>
|
</div>
|
||||||
<div className={`user-dropdown ${isOpen ? 'show' : ''}`} id="user-dropdown">
|
<div
|
||||||
|
className={`user-dropdown ${isOpen ? 'show' : ''}`} id="user-dropdown"
|
||||||
|
onClick={(e) => {
|
||||||
|
e.stopPropagation();
|
||||||
|
}}
|
||||||
|
>
|
||||||
<div className="user-info-header">
|
<div className="user-info-header">
|
||||||
<div className="user-avatar-large">
|
<div className="user-avatar-large">
|
||||||
{userData?.fullName ? userData.fullName[0] : ''}
|
{userData?.fullName ? userData.fullName[0] : ''}
|
||||||
|
|||||||
Reference in New Issue
Block a user