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,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'>

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": "ثبت نهایی",