add stopPropagation for user menu dropdown

2026-04-10 16:16:20 +07:00
parent a551893322
commit 90903a67ac
1 changed files with 7 additions and 1 deletions
@@ -24,6 +24,7 @@ export default function UserMenuButton() {
 	);

 	const handleButtonClick = () => {
+		console.log('click');
 		if (!isOpen) {
 			setIsOpen(true);
 		} else {
@@ -44,7 +45,12 @@ export default function UserMenuButton() {
 			>
 				{userData?.fullName ? userData.fullName[0] : ''}
 			</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-avatar-large">
 						{userData?.fullName ? userData.fullName[0] : ''}