fix(menu): overlap issue with user and language icons

jwplayer · Jun 1, 2023 · 09a3339 · 09a3339
1 parent 7a0d029
commit 09a3339
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx
@@ -120,7 +120,10 @@ const Header: React.FC<Props> = ({
         <IconButton
           className={classNames(styles.iconButton, styles.actionButton)}
           aria-label={t('open_user_menu')}
-          onClick={() => toggleUserMenu(!userMenuOpen)}
+          onClick={() => {
+            toggleLanguageMenu(false);
+            toggleUserMenu(!userMenuOpen);
+          }}
         >
           <AccountCircle />
         </IconButton>
@@ -146,7 +149,10 @@ const Header: React.FC<Props> = ({
         <IconButton
           className={classNames(styles.iconButton, styles.actionButton)}
           aria-label={t('select_language')}
-          onClick={() => toggleLanguageMenu(!languageMenuOpen)}
+          onClick={() => {
+            toggleUserMenu(false);
+            toggleLanguageMenu(!languageMenuOpen);
+          }}
         >
           <Language />
         </IconButton>