From 93cb0112605a21bf8f2dc8bfbede5d5eb66065d6 Mon Sep 17 00:00:00 2001
From: gbuomprisco <giancarlopsk@gmail.com>
Date: Tue, 15 Oct 2024 16:58:09 +0800
Subject: [PATCH] Sidebar: Collapse logo when sidebar is collapsed

---
 .../app/home/(user)/_components/home-sidebar.tsx  | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/apps/web/app/home/(user)/_components/home-sidebar.tsx b/apps/web/app/home/(user)/_components/home-sidebar.tsx
index 17711b7c9..5bfef3825 100644
--- a/apps/web/app/home/(user)/_components/home-sidebar.tsx
+++ b/apps/web/app/home/(user)/_components/home-sidebar.tsx
@@ -1,5 +1,6 @@
 import { If } from '@kit/ui/if';
 import { Sidebar, SidebarContent, SidebarNavigation } from '@kit/ui/sidebar';
+import { cn } from '@kit/ui/utils';
 
 import { AppLogo } from '~/components/app-logo';
 import { ProfileAccountDropdownContainer } from '~/components/personal-account-dropdown-container';
@@ -25,7 +26,14 @@ export function HomeSidebar(props: HomeSidebarProps) {
         <div className={'flex items-center justify-between space-x-2'}>
           <If
             condition={featuresFlagConfig.enableTeamAccounts}
-            fallback={<AppLogo className={'py-2'} />}
+            fallback={
+              <AppLogo
+                className={cn({
+                  'max-w-full': collapsed,
+                  'py-2': !collapsed,
+                })}
+              />
+            }
           >
             <HomeAccountSelector userId={user.id} accounts={accounts} />
           </If>
@@ -42,10 +50,7 @@ export function HomeSidebar(props: HomeSidebarProps) {
 
       <div className={'absolute bottom-4 left-0 w-full'}>
         <SidebarContent>
-          <ProfileAccountDropdownContainer
-            user={user}
-            account={workspace}
-          />
+          <ProfileAccountDropdownContainer user={user} account={workspace} />
         </SidebarContent>
       </div>
     </Sidebar>