diff --git a/app/home/(user)/_components/home-mobile-navigation.tsx b/app/home/(user)/_components/home-mobile-navigation.tsx
index c399381..f7bd054 100644
--- a/app/home/(user)/_components/home-mobile-navigation.tsx
+++ b/app/home/(user)/_components/home-mobile-navigation.tsx
@@ -25,17 +25,21 @@ import {
DropdownMenuTrigger,
} from '@kit/ui/dropdown-menu';
import { If } from '@kit/ui/if';
+import { cn } from '@kit/ui/shadcn';
+import { Avatar, AvatarFallback, AvatarImage } from '@kit/ui/shadcn/avatar';
import { Button } from '@kit/ui/shadcn/button';
import { Trans } from '@kit/ui/trans';
// home imports
import type { UserWorkspace } from '../_lib/server/load-user-workspace';
+const PERSONAL_ACCOUNT_SLUG = 'personal';
+
export function HomeMobileNavigation(props: {
workspace: UserWorkspace;
cart: StoreCart | null;
}) {
- const user = props.workspace.user;
+ const { user, accounts } = props.workspace;
const signOut = useSignOut();
const { data: personalAccountData } = usePersonalAccountData(user.id);
@@ -167,6 +171,46 @@ export function HomeMobileNavigation(props: {
+ 0}>
+
+
+
+
+ {accounts.map((account) => (
+
+
+
+
+
+
+
+ {account.label ? account.label[0] : ''}
+
+
+
+
{account.label}
+
+
+
+ ))}
+
+
+
signOut.mutateAsync()} />
diff --git a/packages/features/accounts/src/components/personal-account-dropdown.tsx b/packages/features/accounts/src/components/personal-account-dropdown.tsx
index 8e2cd40..447a8a3 100644
--- a/packages/features/accounts/src/components/personal-account-dropdown.tsx
+++ b/packages/features/accounts/src/components/personal-account-dropdown.tsx
@@ -43,17 +43,9 @@ export function PersonalAccountDropdown({
showProfileName = true,
paths,
features,
- account,
accounts = [],
}: {
user: User;
-
- account?: {
- id: string | null;
- name: string | null;
- picture_url: string | null;
- application_role: ApplicationRole | null;
- };
accounts: {
label: string | null;
value: string | null;
diff --git a/packages/shared/src/components/personal-account-dropdown-container.tsx b/packages/shared/src/components/personal-account-dropdown-container.tsx
index 638ff96..f85c906 100644
--- a/packages/shared/src/components/personal-account-dropdown-container.tsx
+++ b/packages/shared/src/components/personal-account-dropdown-container.tsx
@@ -46,11 +46,10 @@ export function ProfileAccountDropdownContainer(props: {
return (
signOut.mutateAsync()}
showProfileName={props.showProfileName}