From 7bd15fce310efbcc3eeb97634661410faf0f8a34 Mon Sep 17 00:00:00 2001
From: hamid zarghami <hamid.zarghami1@gmail.com>
Date: Tue, 16 Dec 2025 15:00:18 +0330
Subject: [PATCH] fix button

---
 .../(Dialogs)/cart/components/CartSummary.tsx | 41 +++++++++----------
 .../[id]/components/SummarySection.tsx        |  6 ++-
 2 files changed, 24 insertions(+), 23 deletions(-)

diff --git a/src/app/[name]/(Dialogs)/cart/components/CartSummary.tsx b/src/app/[name]/(Dialogs)/cart/components/CartSummary.tsx
index 684eb4a..dcd3342 100644
--- a/src/app/[name]/(Dialogs)/cart/components/CartSummary.tsx
+++ b/src/app/[name]/(Dialogs)/cart/components/CartSummary.tsx
@@ -67,34 +67,33 @@ const CartSummary = ({ description = '', onDescriptionChange }: CartSummaryProps
         </div>
       </div>
 
-      <div className='flex flex-col gap-4'>
+      <div className='flex flex-col gap-4 pb-24'>
         <div>
           <div className='text-sm 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;
-            }
-          }}
-          className={isCartEmpty ? 'pointer-events-none opacity-60' : ''}
-        >
-          <div className='flex justify-end'>
-            <Button className='!w-fit px-4' disabled={isCartEmpty}>{t('ButtonCheckout')}</Button>
-          </div>
-        </Link>
       </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;
+          }
+        }}
+        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>
+
       {/* {!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>
diff --git a/src/app/[name]/(Dialogs)/order/checkout/[id]/components/SummarySection.tsx b/src/app/[name]/(Dialogs)/order/checkout/[id]/components/SummarySection.tsx
index fef8cb7..99f4df5 100644
--- a/src/app/[name]/(Dialogs)/order/checkout/[id]/components/SummarySection.tsx
+++ b/src/app/[name]/(Dialogs)/order/checkout/[id]/components/SummarySection.tsx
@@ -85,7 +85,7 @@ export const SummarySection = ({ cartModal, onToggleCartModal, deliveryType }: S
     return (
         <>
             <section className="">
-                <div className="py-3 pb-10">
+                <div className="py-3 pb-28">
                     <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
@@ -116,7 +116,9 @@ export const SummarySection = ({ cartModal, onToggleCartModal, deliveryType }: S
                         <span className='font-medium '>{t("SectionSummary.TotalLabel")}</span>
                         <span className='font-bold  place-self-end'>{formatPrice(total)} T</span>
                     </div>
-                    <Button onClick={handleSubmit} className='mt-6'>
+                </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>