44 lines
1.0 KiB
TypeScript
44 lines
1.0 KiB
TypeScript
'use client';
|
|
|
|
import { useContext } from 'react';
|
|
|
|
import { useRouter } from 'next/navigation';
|
|
|
|
import { AccountSelector } from '@kit/accounts/account-selector';
|
|
import { featureFlagsConfig, pathsConfig } from '@kit/shared/config';
|
|
import { SidebarContext } from '@kit/ui/shadcn-sidebar';
|
|
|
|
const features = {
|
|
enableTeamCreation: featureFlagsConfig.enableTeamCreation,
|
|
};
|
|
|
|
export function HomeAccountSelector(props: {
|
|
accounts: Array<{
|
|
label: string | null;
|
|
value: string | null;
|
|
image: string | null;
|
|
}>;
|
|
|
|
userId: string;
|
|
collisionPadding?: number;
|
|
}) {
|
|
const router = useRouter();
|
|
const context = useContext(SidebarContext);
|
|
|
|
return (
|
|
<AccountSelector
|
|
collapsed={!context?.open}
|
|
collisionPadding={props.collisionPadding ?? 20}
|
|
accounts={props.accounts}
|
|
features={features}
|
|
userId={props.userId}
|
|
onAccountChange={(value) => {
|
|
if (value) {
|
|
const path = pathsConfig.app.accountHome.replace('[account]', value);
|
|
router.replace(path);
|
|
}
|
|
}}
|
|
/>
|
|
);
|
|
}
|