fix price

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} />

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,12 +67,14 @@ const CartSummary = ({ description = '', onDescriptionChange }: CartSummaryProps
         </div>
       </div>
 
-      <div className='flex flex-col gap-4 pb-24'>
+      <div
-        <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' : ''}`}
-          <div className='text-sm font-semibold'>
+      >
-            {`جمع خرید: ${formatPrice(totalPrice)} تومان`}
+        <div className='flex justify-between items-center gap-4'>
-          </div>
+
-        </div>
+          <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
@@ -89,11 +91,13 @@ const CartSummary = ({ description = '', onDescriptionChange }: CartSummaryProps
                 return;
               }
             }}
-        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>
+            <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'>
           <span>{t('CartControlsHint', { defaultValue: 'برای ویرایش تعداد، از دکمه‌های هر آیتم استفاده کنید.' })}</span>

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>

src/locales/fa/parallels.json

@@ -22,7 +22,8 @@
     },
     "SumOfItemsLabel": "جمع خرید:",
     "SumOfItemsValue": "{price} تومان",
-    "ButtonCheckout": "مشاهده فاکتور و پرداخت"
+    "ButtonCheckout": "ادامه خرید",
+    "PayableAmountLabel": "مبلغ قابل پرداخت"
   },
   "OrderDetail": {
     "Heading": "ثبت نهایی",