qpp-style 9.28.5-mo-beta.0 → 9.29.0

package/components/SideNav/Links/NavLinkDrawer.jsx

@@ -213,39 +213,41 @@ const NavLinkDrawer = ({
 
   return (
     <div className={staticDrawer ? 'static-drawer link-drawer' : 'link-drawer'}>
-      <button
-        onClick={toggleDrawer}
-        {...(!isAlwaysOpen ? { 'aria-pressed': isOpen } : {})}
-        tabIndex="0"
-        aria-label={hideLabelSection ? 'hidden button' : label}
-        {...((parentReroute(url) && isAlwaysOpen) || disabled
-          ? { disabled: isAlwaysOpen || disabled }
-          : {})}
-        className={`${className} ${expandedClass} ${highlightTitle(
-          isHighlighted
-        )} ${hasDarkerTitle(darkerBackground)}
-         ${currentPage ? 'currentPage' : ''} ${isLeftBorderHighlightDisabled(
-          leftBorderHighlightDisabled
-        )}
-         ${isLabelSectionHidden(hideLabelSection)}
-         ${isHiddenWhileCollapsed(leftBorderHighlightDisabled, isExpanded)}`}
-      >
-        <div className={isExpanded ? 'link-body' : 'link-body collapsed'}>
-          {renderLeftIcon(leftIcon)}
-          <AnimationGroup display={isExpanded}>
-            <span className="sidebar-inline-link-label">{label}</span>
-          </AnimationGroup>
-        </div>
-        {isExpanded && !isAlwaysOpen && (
-          <svg
-            className={`${isOpen ? 'right-icon rotated' : 'right-icon'}`}
-            focusable="false"
-            aria-hidden="true"
-          >
-            {rightIcon}
-          </svg>
-        )}
-      </button>
+      {label && (
+        <button
+          onClick={toggleDrawer}
+          {...(!isAlwaysOpen ? { 'aria-pressed': isOpen } : {})}
+          tabIndex="0"
+          aria-label={label}
+          {...((parentReroute(url) && isAlwaysOpen) || disabled
+            ? { disabled: isAlwaysOpen || disabled }
+            : {})}
+          className={`${className} ${expandedClass} ${highlightTitle(
+            isHighlighted
+          )} ${hasDarkerTitle(darkerBackground)}
+          ${currentPage ? 'currentPage' : ''} ${isLeftBorderHighlightDisabled(
+            leftBorderHighlightDisabled
+          )}
+          ${isLabelSectionHidden(hideLabelSection)}
+          ${isHiddenWhileCollapsed(leftBorderHighlightDisabled, isExpanded)}`}
+        >
+          <div className={isExpanded ? 'link-body' : 'link-body collapsed'}>
+            {renderLeftIcon(leftIcon)}
+            <AnimationGroup display={isExpanded}>
+              <span className="sidebar-inline-link-label">{label}</span>
+            </AnimationGroup>
+          </div>
+          {isExpanded && !isAlwaysOpen && (
+            <svg
+              className={`${isOpen ? 'right-icon rotated' : 'right-icon'}`}
+              focusable="false"
+              aria-hidden="true"
+            >
+              {rightIcon}
+            </svg>
+          )}
+        </button>
+      )}
       <AnimationGroup display={isExpanded}>
         <div
           className={`${currentPage ? 'currentPage' : ''} ${