fix: clearer storybook

gravity-ui · Dec 1, 2023 · e7751da · e7751da
1 parent c717b87
commit e7751da
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 12 deletions.
diff --git a/src/navigation/__stories__/CustomComponent/CustomComponent.scss b/src/navigation/__stories__/CustomComponent/CustomComponent.scss
@@ -1,9 +1,5 @@
-@import '../../../../styles/variables';
-
-.dropdown-navigation-item {
-    text-wrap: nowrap;
-    display: flex;
-    align-items: center;
+.custom-nav-item {
+    white-space: nowrap;
 
     &:hover {
         color: var(--g-color-text-brand);

diff --git a/src/navigation/__stories__/CustomComponent/CustomComponent.tsx b/src/navigation/__stories__/CustomComponent/CustomComponent.tsx
@@ -5,7 +5,7 @@ import {NavigationItemProps} from '../../models';
 
 import './CustomComponent.scss';
 
-const b = cn('dropdown-navigation-item');
+const b = cn('custom-nav-item');
 
 type DCDropdownNavigationItemProps = Pick<
     NavigationItemProps,
@@ -16,11 +16,7 @@ export const CustomComponent: React.FC<DCDropdownNavigationItemProps> = (props)
     const {onClick, isActive, menuLayout} = props;
     return (
         <div className={b({active: isActive})} onClick={onClick}>
-            <span className={b('text')}>Custom Item</span>
-            {' ('}
-            {`${menuLayout}`}
-            {isActive && ' - active'}
-            {')'}
+            {`Custom Item (${menuLayout}${isActive ? ' - active' : ''})`}
         </div>
     );
 };