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="">
-                <div className="py-3 pb-28">
+            <section className="pb-24">
+                <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,9 +118,15 @@ 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'>
-                        {t("ButtonSubmit")}
-                    </Button>
+                    <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>