From 14252c3efd307b195c8e09538ea7683e7d1e2ec0 Mon Sep 17 00:00:00 2001
From: Danel Kungla <danel@mountbirch.com>
Date: Tue, 16 Sep 2025 13:52:24 +0300
Subject: [PATCH] MED-159: add profile icon to mobile menu

---
 .../(user)/_components/home-mobile-navigation.tsx | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/app/home/(user)/_components/home-mobile-navigation.tsx b/app/home/(user)/_components/home-mobile-navigation.tsx
index 83e9fa0..892ebd7 100644
--- a/app/home/(user)/_components/home-mobile-navigation.tsx
+++ b/app/home/(user)/_components/home-mobile-navigation.tsx
@@ -4,12 +4,12 @@ import { useMemo } from 'react';
 
 import Link from 'next/link';
 
-import SignOutDropdownItem from '@kit/shared/components/sign-out-dropdown-item';
 import { StoreCart } from '@medusajs/types';
-import { Cross, Menu, Shield, ShoppingCart } from 'lucide-react';
+import { Cross, Menu, Shield, ShoppingCart, UserCircle } from 'lucide-react';
 
 import { usePersonalAccountData } from '@kit/accounts/hooks/use-personal-account-data';
 import { ApplicationRoleEnum } from '@kit/accounts/types/accounts';
+import SignOutDropdownItem from '@kit/shared/components/sign-out-dropdown-item';
 import DropdownLink from '@kit/shared/components/ui/dropdown-link';
 import {
   pathsConfig,
@@ -102,7 +102,14 @@ export function HomeMobileNavigation(props: {
           <DropdownMenuSeparator />
         </If>
 
-        <DropdownMenuGroup>{Links}</DropdownMenuGroup>
+        <DropdownMenuGroup>
+          {Links}
+          <DropdownLink
+            Icon={<UserCircle className="w-4 stroke-[1.5px]" />}
+            path={pathsConfig.app.personalAccountSettings}
+            label="common:routes.profile"
+          />
+        </DropdownMenuGroup>
 
         <If condition={isSuperAdmin}>
           <DropdownMenuSeparator />
@@ -146,5 +153,3 @@ export function HomeMobileNavigation(props: {
     </DropdownMenu>
   );
 }
-
-