change(language): restore dropdown duplication in order to properly s…

…how and hide language dropdown
eea · Feb 21, 2023 · cb28888 · cb28888
1 parent cc6064f
commit cb28888
Showing 1 changed file with 29 additions and 12 deletions.
diff --git a/src/ui/Header/Header.jsx b/src/ui/Header/Header.jsx
@@ -54,18 +54,35 @@ const TopDropdownMenu = ({
   const Component = ({ mobileText }) => {
     return (
       <>
-        <Dropdown
-          id={id}
-          className={className}
-          text={mobileText || text}
-          icon={icon || 'chevron down'}
-          aria-label="dropdown"
-          closeOnChange={true}
-          closeOnBlur={false}
-          closeOnEscape={true}
-        >
-          <Dropdown.Menu role="group">{children}</Dropdown.Menu>
-        </Dropdown>
+        {children.props['aria-label'] === 'language switcher' ? (
+          hasLanguageDropdown && (
+            <Dropdown
+              id={id}
+              className={className}
+              text={mobileText || text}
+              icon={icon || 'chevron down'}
+              aria-label="dropdown"
+              closeOnChange={true}
+              closeOnBlur={false}
+              closeOnEscape={true}
+            >
+              <Dropdown.Menu role="group">{children}</Dropdown.Menu>
+            </Dropdown>
+          )
+        ) : (
+          <Dropdown
+            id={id}
+            className={className}
+            text={mobileText || text}
+            icon={icon || 'chevron down'}
+            aria-label="dropdown"
+            closeOnChange={true}
+            closeOnBlur={false}
+            closeOnEscape={true}
+          >
+            <Dropdown.Menu role="group">{children}</Dropdown.Menu>
+          </Dropdown>
+        )}
       </>
     );
   };