add stopPropagation for user menu dropdown

This commit is contained in:
smanylov
2026-04-10 16:16:20 +07:00
parent a551893322
commit 90903a67ac
+7 -1
View File
@@ -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] : ''}