From ecda73e63c7b950595c7883bc1861d007a3fddc1 Mon Sep 17 00:00:00 2001
From: hamid zarghami <hamid.zarghami1@gmail.com>
Date: Wed, 17 Dec 2025 11:20:23 +0330
Subject: [PATCH] fix price

---
 .../cart/components/CartItemsList.tsx         |  2 +-
 .../(Dialogs)/cart/components/CartSummary.tsx | 54 ++++++++++---------
 src/app/[name]/(Dialogs)/cart/page.tsx        |  2 +-
 src/locales/fa/parallels.json                 |  3 +-
 4 files changed, 33 insertions(+), 28 deletions(-)

diff --git a/src/app/[name]/(Dialogs)/cart/components/CartItemsList.tsx b/src/app/[name]/(Dialogs)/cart/components/CartItemsList.tsx
index 0568c4c..56e48e0 100644
--- a/src/app/[name]/(Dialogs)/cart/components/CartItemsList.tsx
+++ b/src/app/[name]/(Dialogs)/cart/components/CartItemsList.tsx
@@ -47,7 +47,7 @@ const CartItemsList = () => {
   }
 
   return (
-    <div className='flex-1 space-y-4 pb-6'>
+    <div className='flex-1 space-y-4'>
       {cartFoods.map((food) => (
         <MenuItemRenderer key={food.id}>
           <MenuItem food={food} />
diff --git a/src/app/[name]/(Dialogs)/cart/components/CartSummary.tsx b/src/app/[name]/(Dialogs)/cart/components/CartSummary.tsx
index 3117acf..4da7186 100644
--- a/src/app/[name]/(Dialogs)/cart/components/CartSummary.tsx
+++ b/src/app/[name]/(Dialogs)/cart/components/CartSummary.tsx
@@ -52,7 +52,7 @@ const CartSummary = ({ description = '', onDescriptionChange }: CartSummaryProps
 
   return (
     <>
-      <div>
+      <div className='mt-2'>
         <div className='relative'>
           <h3 className='text-sm'>{t('InputDescription.Label')}</h3>
           <textarea
@@ -67,32 +67,36 @@ const CartSummary = ({ description = '', onDescriptionChange }: CartSummaryProps
         </div>
       </div>
 
-      <div className='flex flex-col gap-4 pb-24'>
-        <div>
-          <div className='text-sm font-semibold'>
-            {`جمع خرید: ${formatPrice(totalPrice)} تومان`}
-          </div>
-        </div>
-      </div>
-
-      <Link
-        href={'order/checkout/0'}
-        onClick={(event) => {
-          if (isCartEmpty) {
-            event.preventDefault();
-            return;
-          }
-          if (!isSuccess) {
-            event.preventDefault();
-            const redirectUrl = encodeURIComponent(pathname);
-            router.push(`/${name}/auth?redirect=${redirectUrl}`);
-            return;
-          }
-        }}
+      <div
         className={`fixed bottom-0 left-0 right-0 z-50 bg-white border-t border-border p-4 w-full ${isCartEmpty ? 'pointer-events-none opacity-60' : ''}`}
       >
-        <Button className='w-full! px-4' disabled={isCartEmpty}>{t('ButtonCheckout')}</Button>
-      </Link>
+        <div className='flex justify-between items-center gap-4'>
+
+          <div className='flex flex-col'>
+            <div className='text-xs text-gray-400'>{t('PayableAmountLabel')}</div>
+            <div className='text-sm mt-2 font-semibold'>{formatPrice(totalPrice)} تومان</div>
+          </div>
+
+          <Link
+            href={'order/checkout/0'}
+            onClick={(event) => {
+              if (isCartEmpty) {
+                event.preventDefault();
+                return;
+              }
+              if (!isSuccess) {
+                event.preventDefault();
+                const redirectUrl = encodeURIComponent(pathname);
+                router.push(`/${name}/auth?redirect=${redirectUrl}`);
+                return;
+              }
+            }}
+          >
+            <Button className='w-fit! px-6' disabled={isCartEmpty}>{t('ButtonCheckout')}</Button>
+          </Link>
+
+        </div>
+      </div>
 
       {/* {!isCartEmpty && (
         <div className='flex items-center justify-between rounded-xl border border-border px-4 py-3 text-xs text-muted-foreground'>
diff --git a/src/app/[name]/(Dialogs)/cart/page.tsx b/src/app/[name]/(Dialogs)/cart/page.tsx
index 185c7a1..b8f1584 100644
--- a/src/app/[name]/(Dialogs)/cart/page.tsx
+++ b/src/app/[name]/(Dialogs)/cart/page.tsx
@@ -47,7 +47,7 @@ const CartIndex = () => {
         />
       </div>
 
-      <div className='flex overflow-y-auto noscrollbar flex-col h-full pt-4 gap-6' dir='rtl'>
+      <div className='flex overflow-y-auto noscrollbar flex-col h-full pt-4 gap-4 pb-24' dir='rtl'>
         <CartItemsList />
         <CartSummary description={description} onDescriptionChange={setDescription} />
       </div>
diff --git a/src/locales/fa/parallels.json b/src/locales/fa/parallels.json
index 7ad88cc..98a99cd 100644
--- a/src/locales/fa/parallels.json
+++ b/src/locales/fa/parallels.json
@@ -22,7 +22,8 @@
     },
     "SumOfItemsLabel": "جمع خرید:",
     "SumOfItemsValue": "{price} تومان",
-    "ButtonCheckout": "مشاهده فاکتور و پرداخت"
+    "ButtonCheckout": "ادامه خرید",
+    "PayableAmountLabel": "مبلغ قابل پرداخت"
   },
   "OrderDetail": {
     "Heading": "ثبت نهایی",