Merge branch 'develop' into feature/MED-129

app/home/[account]/_components/team-account-layout-sidebar.tsx

@@ -1,20 +1,12 @@
-import type { User } from '@supabase/supabase-js';
-
 import { ApplicationRole } from '@kit/accounts/types/accounts';
-import { ProfileAccountDropdownContainer } from '@kit/shared/components/personal-account-dropdown-container';
 import { getTeamAccountSidebarConfig } from '@kit/shared/config';
 import {
   Sidebar,
   SidebarContent,
-  SidebarFooter,
   SidebarHeader,
+  SidebarNavigation,
 } from '@kit/ui/shadcn-sidebar';
 
-import { TeamAccountNotifications } from '~/home/[account]/_components/team-account-notifications';
-
-import { TeamAccountAccountsSelector } from '../_components/team-account-accounts-selector';
-import { TeamAccountLayoutSidebarNavigation } from './team-account-layout-sidebar-navigation';
-
 type AccountModel = {
   label: string | null;
   value: string | null;
@@ -26,14 +18,12 @@ export function TeamAccountLayoutSidebar(props: {
   account: string;
   accountId: string;
   accounts: AccountModel[];
-  user: User;
 }) {
   return (
     <SidebarContainer
       account={props.account}
       accountId={props.accountId}
       accounts={props.accounts}
-      user={props.user}
     />
   );
 }
@@ -42,45 +32,26 @@ function SidebarContainer(props: {
   account: string;
   accountId: string;
   accounts: AccountModel[];
-  user: User;
 }) {
-  const { account, accounts, user } = props;
-  const userId = user.id;
+  const { account, accounts } = props;
 
   const config = getTeamAccountSidebarConfig(account);
   const collapsible = config.sidebarCollapsedStyle;
 
+  const selectedAccount = accounts.find(({ value }) => value === account);
+  const accountName = selectedAccount?.label || account;
+
   return (
     <Sidebar collapsible={collapsible}>
-      <SidebarHeader className="h-16 justify-center">
-        <div className="flex items-center justify-between gap-x-3">
-          <TeamAccountAccountsSelector
-            userId={userId}
-            selectedAccount={account}
-            accounts={accounts}
-          />
-
-          <div className="group-data-[minimized=true]:hidden">
-            <TeamAccountNotifications
-              userId={userId}
-              accountId={props.accountId}
-            />
-          </div>
+      <SidebarHeader className="h-24 justify-center">
+        <div className="mt-24 flex items-center">
+          <h5>{accountName}</h5>
         </div>
       </SidebarHeader>
 
-      <SidebarContent className={`mt-5 h-[calc(100%-160px)] overflow-y-auto`}>
-        <TeamAccountLayoutSidebarNavigation config={config} />
+      <SidebarContent>
+        <SidebarNavigation config={config} />
       </SidebarContent>
-
-      <SidebarFooter>
-        <SidebarContent>
-          <ProfileAccountDropdownContainer
-            user={props.user}
-            accounts={accounts}
-          />
-        </SidebarContent>
-      </SidebarFooter>
     </Sidebar>
   );
 }