From 3aed922366a32b5b600560a813130e94aa9ccaab Mon Sep 17 00:00:00 2001
From: MaryWylde <marykhachatryan13@gmail.com>
Date: Fri, 19 Dec 2025 18:44:47 +0400
Subject: [PATCH] chore: change the condition of showing/hiding toolheader

---
 .../ToolHeader/ToolHeader.module.scss         |  4 +++
 src/components/ToolHeader/ToolHeader.tsx      |  4 ++-
 src/layouts/Layout.tsx                        | 27 +++++++++----------
 3 files changed, 20 insertions(+), 15 deletions(-)

diff --git a/src/components/ToolHeader/ToolHeader.module.scss b/src/components/ToolHeader/ToolHeader.module.scss
index 60b7eeb..2b12d19 100644
--- a/src/components/ToolHeader/ToolHeader.module.scss
+++ b/src/components/ToolHeader/ToolHeader.module.scss
@@ -368,6 +368,10 @@ $headerHeight: 46px;
   }
 }
 
+.Hidden {
+  display: none;
+}
+
 @media (max-width: 1330px) {
   .ToolHeader {
     .UsefulLinksWrapper {
diff --git a/src/components/ToolHeader/ToolHeader.tsx b/src/components/ToolHeader/ToolHeader.tsx
index 0155a4a..7971d8f 100644
--- a/src/components/ToolHeader/ToolHeader.tsx
+++ b/src/components/ToolHeader/ToolHeader.tsx
@@ -59,6 +59,7 @@ type TToolHeader = {
   setUserInfo?: (data: UserTypes) => void;
   setUpdatedUsername?: (username: string) => void;
   blockLanguageSwitcher?: boolean;
+  hidden?: boolean;
 };
 
 const ToolHeader: FC<TToolHeader> = ({
@@ -74,6 +75,7 @@ const ToolHeader: FC<TToolHeader> = ({
   setUserInfo,
   setUpdatedUsername,
   blockLanguageSwitcher,
+  hidden,
 }) => {
   const router = useRouter();
   const { locale, asPath } = router as TRouter;
@@ -232,7 +234,7 @@ const ToolHeader: FC<TToolHeader> = ({
   }, [title, locale, userInfo]);
 
   return (
-    <header className={styles.ToolHeader}>
+    <header className={cn(styles.ToolHeader, { [styles.Hidden]: hidden })}>
       <div className={styles.mobile}>
         <MobileHeader
           disablePageSwitcher={disablePageSwitcher}
diff --git a/src/layouts/Layout.tsx b/src/layouts/Layout.tsx
index 33967fc..ce4a656 100644
--- a/src/layouts/Layout.tsx
+++ b/src/layouts/Layout.tsx
@@ -61,20 +61,19 @@ export default function Layout({ children }: { children: React.ReactNode }) {
 
   return (
     <>
-      {!shouldHideToolHeader && (
-        <ToolHeader
-          blockLanguageSwitcher={isUXCoreNested || isUXCGNested}
-          openPersonaModal={setOpenPersonas}
-          openPodcast={headerPodcastOpen}
-          showSavedPersonas={true}
-          setUpdatedUsername={setUpdatedUsername}
-          userInfo={uxcatUserInfo}
-          disablePageSwitcher={isUXCatNested || isUserProfileRoot}
-          setUserInfo={setUxcatUserInfo}
-          setOpenPodcast={setHeaderPodcastOpen}
-          setSelectedTitle={setSelectedTitle}
-        />
-      )}
+      <ToolHeader
+        blockLanguageSwitcher={isUXCoreNested || isUXCGNested}
+        openPersonaModal={setOpenPersonas}
+        openPodcast={headerPodcastOpen}
+        showSavedPersonas={true}
+        setUpdatedUsername={setUpdatedUsername}
+        userInfo={uxcatUserInfo}
+        disablePageSwitcher={isUXCatNested || isUserProfileRoot}
+        setUserInfo={setUxcatUserInfo}
+        setOpenPodcast={setHeaderPodcastOpen}
+        setSelectedTitle={setSelectedTitle}
+        hidden={shouldHideToolHeader}
+      />
       <main>{children}</main>
       {openPersonas && (
         <SavedPersonas