fix: used collapseOpen variable to change aria-label message

RedTurtle · Mar 18, 2024 · 9a0d9a1 · 9a0d9a1
1 parent 85a60ba
commit 9a0d9a1
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/customizations/volto/components/theme/Navigation/Navigation.jsx b/src/customizations/volto/components/theme/Navigation/Navigation.jsx
@@ -91,14 +91,18 @@ const Navigation = ({ pathname }) => {
       document.body.removeEventListener('click', blocksClickListener);
   }, []);
 
+  console.log(collapseOpen);
+
   return (
     <Header theme="" type="navbar">
       {menu?.length > 0 ? (
         <HeaderContent expand="lg" megamenu id="navigation">
           <HeaderToggler
             aria-controls="it-navigation-collapse"
             aria-expanded={collapseOpen}
-            aria-label={intl.formatMessage(messages.ToggleMenu)}
+            aria-label={intl.formatMessage(messages.ToggleMenu, {
+              action: collapseOpen ? 'Chiudi' : 'Apri',
+            })}
             onClick={() => {
               setCollapseOpen(!collapseOpen);
               setFocusTrapActive(!focusTrapActive);
@@ -177,7 +181,7 @@ const messages = defineMessages({
   },
   ToggleMenu: {
     id: 'toggle-menu',
-    defaultMessage: 'Apri o chiudi il menu',
+    defaultMessage: '{action} il menu',
   },
 });