fix: fix verticalitem icon not allowing to click item (#2514)

* fix: fix verticalitem icon not allowing to click item * fix: add icon to href variant
nexxtway · Oct 31, 2022 · 4148b22 · 4148b22
1 parent 31a90cd
commit 4148b22
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/src/components/VerticalItem/index.js b/src/components/VerticalItem/index.js
@@ -66,6 +66,9 @@ function Item(props) {
                     tabIndex={resolveTabIndex()}
                     isSelected={isSelected}
                 >
+                    <RenderIf isTrue={icon}>
+                        <StyledIcon>{icon}</StyledIcon>
+                    </RenderIf>
                     <ItemContent label={label} notification={notification} />
                 </StyledAnchor>
             </RenderIf>
@@ -79,12 +82,12 @@ function Item(props) {
                     tabIndex={resolveTabIndex()}
                     isSelected={isSelected}
                 >
+                    <RenderIf isTrue={icon}>
+                        <StyledIcon>{icon}</StyledIcon>
+                    </RenderIf>
                     <ItemContent label={label} notification={notification} />
                 </StyledButton>
             </RenderIf>
-            <RenderIf isTrue={icon}>
-                <StyledIcon>{icon}</StyledIcon>
-            </RenderIf>
         </StyledLi>
     );
 }