hide elements

apps/app/src/components/Sidebar/SidebarHead/SidebarHead.tsx

@@ -24,14 +24,17 @@ export const SidebarHead: FC = memo(() => {
   return (
     <div className={`${styles['grw-sidebar-head']} d-flex w-100`}>
       {/* Brand Logo  */}
-      <ToggleCollapseButton />
-      <Link href="/" className="grw-logo d-block">
-        <SidebarBrandLogo isDefaultLogo={isDefaultLogo} />
-      </Link>
+      { !isCollapsedMode && (
+        <Link href="/" className="grw-logo d-block">
+          <SidebarBrandLogo isDefaultLogo={isDefaultLogo} />
+        </Link>
+      ) }
       <div className="flex-grow-1 d-flex align-items-center justify-content-between gap-3 overflow-hidden">
-        <div className="grw-app-title text-truncate">
-          <span className="fs-4">GROWI</span>
-        </div>
+        { !isCollapsedMode && (
+          <div className="grw-app-title text-truncate">
+            <span className="fs-4">GROWI</span>
+          </div>
+        ) }
         <ToggleCollapseButton />
       </div>
     </div>