8627cdaf1f
This commit updates the 'next' package from version 14.2.0 to 14.2.1 across various modules. It also refactors the code for user account handling to make it controlled by an enableTeamAccounts flag in the featureFlagsConfig, essentially allowing the enabling or disabling of the 'team accounts' feature according to the specified flag.
54 lines
1.7 KiB
TypeScript
54 lines
1.7 KiB
TypeScript
import { use } from 'react';
|
|
|
|
import { cookies } from 'next/headers';
|
|
|
|
import { If } from '@kit/ui/if';
|
|
import { Sidebar, SidebarContent, SidebarNavigation } from '@kit/ui/sidebar';
|
|
|
|
import { AppLogo } from '~/components/app-logo';
|
|
import featuresFlagConfig from '~/config/feature-flags.config';
|
|
import { personalAccountSidebarConfig } from '~/config/personal-account-sidebar.config';
|
|
|
|
// home imports
|
|
import { HomeSidebarAccountSelector } from '../_components/home-sidebar-account-selector';
|
|
import { ProfileAccountDropdownContainer } from '../_components/personal-account-dropdown-container';
|
|
import { loadUserWorkspace } from '../_lib/load-user-workspace';
|
|
|
|
export function HomeSidebar() {
|
|
const collapsed = getSidebarCollapsed();
|
|
const { accounts, session } = use(loadUserWorkspace());
|
|
|
|
return (
|
|
<Sidebar collapsed={collapsed}>
|
|
<SidebarContent className={'my-4'}>
|
|
<If
|
|
condition={featuresFlagConfig.enableTeamAccounts}
|
|
fallback={<AppLogo className={'py-2'} />}
|
|
>
|
|
<HomeSidebarAccountSelector
|
|
collapsed={collapsed}
|
|
accounts={accounts}
|
|
/>
|
|
</If>
|
|
</SidebarContent>
|
|
|
|
<SidebarContent className={`h-[calc(100%-160px)] overflow-y-auto`}>
|
|
<SidebarNavigation config={personalAccountSidebarConfig} />
|
|
</SidebarContent>
|
|
|
|
<div className={'absolute bottom-4 left-0 w-full'}>
|
|
<SidebarContent>
|
|
<ProfileAccountDropdownContainer
|
|
collapsed={collapsed}
|
|
user={session?.user ?? null}
|
|
/>
|
|
</SidebarContent>
|
|
</div>
|
|
</Sidebar>
|
|
);
|
|
}
|
|
|
|
function getSidebarCollapsed() {
|
|
return cookies().get('sidebar-collapsed')?.value === 'true';
|
|
}
|