From a50afea145f5c945ae81fb0ec41855ef316a4d5f Mon Sep 17 00:00:00 2001
From: Danel Kungla <danel@mountbirch.com>
Date: Tue, 7 Oct 2025 18:23:04 +0300
Subject: [PATCH] MED-174: added cart to mobile menu

---
 .../_components/home-menu-navigation.tsx      |  7 -----
 .../_components/home-mobile-navigation.tsx    | 27 ++++++++++++++++---
 2 files changed, 23 insertions(+), 11 deletions(-)

diff --git a/app/home/(user)/_components/home-menu-navigation.tsx b/app/home/(user)/_components/home-menu-navigation.tsx
index d7751a3..fce240b 100644
--- a/app/home/(user)/_components/home-menu-navigation.tsx
+++ b/app/home/(user)/_components/home-menu-navigation.tsx
@@ -26,13 +26,6 @@ export async function HomeMenuNavigation(props: {
   const balanceSummary = workspace?.id
     ? await getAccountBalanceSummary(workspace.id)
     : null;
-  const totalValue = props.cart?.total
-    ? formatCurrency({
-        currencyCode: props.cart.currency_code,
-        locale: language,
-        value: props.cart.total,
-      })
-    : 0;
 
   const cartQuantityTotal =
     props.cart?.items?.reduce((acc, item) => acc + item.quantity, 0) ?? 0;
diff --git a/app/home/(user)/_components/home-mobile-navigation.tsx b/app/home/(user)/_components/home-mobile-navigation.tsx
index 892ebd7..c399381 100644
--- a/app/home/(user)/_components/home-mobile-navigation.tsx
+++ b/app/home/(user)/_components/home-mobile-navigation.tsx
@@ -25,6 +25,7 @@ import {
   DropdownMenuTrigger,
 } from '@kit/ui/dropdown-menu';
 import { If } from '@kit/ui/if';
+import { Button } from '@kit/ui/shadcn/button';
 import { Trans } from '@kit/ui/trans';
 
 // home imports
@@ -85,10 +86,28 @@ export function HomeMobileNavigation(props: {
 
   return (
     <DropdownMenu>
-      <DropdownMenuTrigger>
-        <Menu className={'h-9'} />
-      </DropdownMenuTrigger>
-
+      <div className="flex justify-between gap-4">
+        <Link href={pathsConfig.app.cart}>
+          <Button
+            variant="ghost"
+            className="relative mr-0 h-10 cursor-pointer border-1 px-4 py-2"
+          >
+            <ShoppingCart className="stroke-[1.5px]" />
+            {hasCartItems && (
+              <>
+                (
+                <span className="text-success font-bold">
+                  {cartQuantityTotal}
+                </span>
+                )
+              </>
+            )}
+          </Button>
+        </Link>
+        <DropdownMenuTrigger>
+          <Menu className="h-6 w-6" />
+        </DropdownMenuTrigger>
+      </div>
       <DropdownMenuContent sideOffset={10} className={'w-screen rounded-none'}>
         <If condition={props.cart && hasCartItems}>
           <DropdownMenuGroup>