fix(AsideHeader): hide decoration node when headerDecoration=false (#330

)
gravity-ui · Dec 9, 2024 · 4b77c40 · 4b77c40
1 parent de1a015
commit 4b77c40
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 7 deletions.
diff --git a/src/components/AsideHeader/components/Header.tsx b/src/components/AsideHeader/components/Header.tsx
@@ -44,12 +44,14 @@ export const Header = () => {
                 onItemClick={onItemClick}
             />
 
-            <Icon
-                data={headerDividerCollapsedIcon}
-                className={b('header-divider')}
-                width={ASIDE_HEADER_COMPACT_WIDTH}
-                height={HEADER_DIVIDER_HEIGHT}
-            />
+            {headerDecoration && (
+                <Icon
+                    data={headerDividerCollapsedIcon}
+                    className={b('header-divider')}
+                    width={ASIDE_HEADER_COMPACT_WIDTH}
+                    height={HEADER_DIVIDER_HEIGHT}
+                />
+            )}
         </div>
     );
 };
diff --git a/src/components/AsideHeader/components/PageLayout/AsideFallback.tsx b/src/components/AsideHeader/components/PageLayout/AsideFallback.tsx
@@ -25,7 +25,7 @@ export const AsideFallback: React.FC<Props> = ({headerDecoration, subheaderItems
             <div className={b('aside-content', {'with-decoration': headerDecoration})}>
                 <div className={b('header', {'with-decoration': headerDecoration})}>
                     <div style={{height: subheaderHeight}} />
-                    {compact ? (
+                    {compact && headerDecoration ? (
                         <Icon
                             data={headerDividerCollapsedIcon}
                             className={b('header-divider')}