From 4b77c40920645b72dc465437bfdbc7114f87183f Mon Sep 17 00:00:00 2001
From: Angelina Gadzhieva <lunory@yandex-team.ru>
Date: Thu, 7 Nov 2024 19:06:09 +0300
Subject: [PATCH] fix(AsideHeader): hide decoration node when
 headerDecoration=false (#330)

---
 src/components/AsideHeader/components/Header.tsx   | 14 ++++++++------
 .../components/PageLayout/AsideFallback.tsx        |  2 +-
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/components/AsideHeader/components/Header.tsx b/src/components/AsideHeader/components/Header.tsx
index 66c9b6c..a1390fe 100644
--- 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
index 9a06c9d..a613ec1 100644
--- 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')}