payble price

src/app/[name]/(Dialogs)/order/checkout/[id]/components/SummarySection.tsx

@@ -84,8 +84,8 @@ export const SummarySection = ({ cartModal, onToggleCartModal, deliveryType }: S
 
     return (
         <>
-            <section className="">
+            <section className="pb-24">
-                <div className="py-3 pb-28">
+                <div className="py-3">
                     <div className='w-full flex justify-between items-center gap-2'>
                         <h3 className="text-sm2 font-medium leading-5 inline-block">{t("SectionSummary.Title")}</h3>
                         <button
@@ -118,10 +118,16 @@ export const SummarySection = ({ cartModal, onToggleCartModal, deliveryType }: S
                     </div>
                 </div>
                 <div className='fixed bottom-0 left-0 right-0 z-50 bg-white dark:bg-background border-t border-border p-4 w-full'>
-                    <Button onClick={handleSubmit} className='px-10 w-full'>
+                    <div className='flex justify-between items-center gap-4'>
+                        <div className='flex flex-col'>
+                            <div className='text-xs text-gray-400 dark:text-gray-500'>{t("PayableAmountLabel")}</div>
+                            <div className='text-sm mt-2 font-semibold'>{formatPrice(total)} تومان</div>
+                        </div>
+                        <Button onClick={handleSubmit} className='px-10 w-fit'>
                             {t("ButtonSubmit")}
                         </Button>
                     </div>
+                </div>
             </section>
 
             <AnimatedBottomSheet

src/locales/fa/parallels.json

@@ -103,7 +103,8 @@
     "CartModal": {
       "Title": "اقلام سفارش"
     },
-    "ButtonSubmit": "پرداخت"
+    "ButtonSubmit": "پرداخت",
+    "PayableAmountLabel": "مبلغ قابل پرداخت"
   },
   "Pager": {
     "Title": "پیجر گارسون",