fixup! Feat(web-react): Add Drawer with Navigation to Header demo #DS…

…-1627
lmc-eu · Jan 28, 2025 · a15c798 · a15c798
1 parent 8e3439a
commit a15c798
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 5 deletions.
diff --git a/...TABLE_Header/demo/HeaderWithNavigationAndNestedItems/MainHorizontalNavigationDropdown.tsx b/...TABLE_Header/demo/HeaderWithNavigationAndNestedItems/MainHorizontalNavigationDropdown.tsx
@@ -46,8 +46,7 @@ const MainHorizontalNavigationDropdown = () => {
     >
       <DropdownTrigger elementType={NavigationActionAsDropdownTrigger as unknown as HTMLButtonElement}>
         Menu
-        <Icon name="chevron-up" boxSize={20} UNSAFE_className="accessibility-open" />
-        <Icon name="chevron-down" boxSize={20} UNSAFE_className="accessibility-closed" />
+        <Icon name={`chevron-${isNavigationActionDropdownOpen ? 'up' : 'down'}`} boxSize={20} />
       </DropdownTrigger>
       <DropdownPopover>
         <DropdownPopoverContent />

diff --git a/...onents/UNSTABLE_Header/demo/HeaderWithNavigationAndNestedItems/MainVerticalNavigation.tsx b/...onents/UNSTABLE_Header/demo/HeaderWithNavigationAndNestedItems/MainVerticalNavigation.tsx
@@ -20,7 +20,7 @@ const DrawerWithNavigation = () => {
       <NavigationItem>
         <NavigationAction elementType="button" aria-expanded={isCollapseOpen} onClick={toggleCollapseHandler}>
           Menu
-          <Icon name={isCollapseOpen ? 'chevron-up' : 'chevron-down'} />
+          <Icon name={`chevron-${isCollapseOpen ? 'up' : 'down'}`} />
         </NavigationAction>
         <CollapseNavigation isOpen={isCollapseOpen} />
       </NavigationItem>

diff --git a/..._Header/demo/HeaderWithNavigationAndNestedItems/SecondaryHorizontalNavigationDropdown.tsx b/..._Header/demo/HeaderWithNavigationAndNestedItems/SecondaryHorizontalNavigationDropdown.tsx
@@ -31,8 +31,7 @@ const SecondaryHorizontalNavigationDropdown = () => {
           <Text elementType="span" size="small" emphasis="semibold">
             My Account
           </Text>
-          <Icon name="chevron-up" boxSize={20} UNSAFE_className="accessibility-open" />
-          <Icon name="chevron-down" boxSize={20} UNSAFE_className="accessibility-closed" />
+          <Icon name={`chevron-${isAvatarDropdownOpen ? 'up' : 'down'}`} boxSize={20} />
         </Flex>
       </DropdownTrigger>
       <DropdownPopover>