56 lines
1.2 KiB
TypeScript
56 lines
1.2 KiB
TypeScript
'use client';
|
|
|
|
import type { User } from '@supabase/supabase-js';
|
|
|
|
import { PersonalAccountDropdown } from '@kit/accounts/personal-account-dropdown';
|
|
import { useSignOut } from '@kit/supabase/hooks/use-sign-out';
|
|
import { useUser } from '@kit/supabase/hooks/use-user';
|
|
|
|
import featuresFlagConfig from '~/config/feature-flags.config';
|
|
import pathsConfig from '~/config/paths.config';
|
|
|
|
const paths = {
|
|
home: pathsConfig.app.home,
|
|
};
|
|
|
|
const features = {
|
|
enableThemeToggle: featuresFlagConfig.enableThemeToggle,
|
|
};
|
|
|
|
export function ProfileAccountDropdownContainer(props: {
|
|
user?: User;
|
|
showProfileName?: boolean;
|
|
|
|
account?: {
|
|
id: string | null;
|
|
name: string | null;
|
|
picture_url: string | null;
|
|
};
|
|
accounts: {
|
|
label: string | null;
|
|
value: string | null;
|
|
image?: string | null;
|
|
}[]
|
|
}) {
|
|
const signOut = useSignOut();
|
|
const user = useUser(props.user);
|
|
const userData = user.data;
|
|
|
|
if (!userData) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<PersonalAccountDropdown
|
|
className={'w-full'}
|
|
paths={paths}
|
|
features={features}
|
|
user={userData}
|
|
account={props.account}
|
|
accounts={props.accounts}
|
|
signOutRequested={() => signOut.mutateAsync()}
|
|
showProfileName={props.showProfileName}
|
|
/>
|
|
);
|
|
}
|