From def37b93fdbc012f6113cf0acaefa27092c19913 Mon Sep 17 00:00:00 2001
From: Mahyar Khanbolooki <mahyarkhn@proton.me>
Date: Fri, 8 Aug 2025 20:59:44 +0330
Subject: [PATCH] fix: what i messed up with bottomsheet

---
 src/app/[name]/(Dialogs)/order/track/[id]/page.tsx    | 4 ++--
 src/app/[name]/(Profile)/profile/address/new/page.tsx | 3 ++-
 src/components/bottomsheet/AnimatedBottomSheet.tsx    | 3 ++-
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/app/[name]/(Dialogs)/order/track/[id]/page.tsx b/src/app/[name]/(Dialogs)/order/track/[id]/page.tsx
index 5acfafc..315b31a 100644
--- a/src/app/[name]/(Dialogs)/order/track/[id]/page.tsx
+++ b/src/app/[name]/(Dialogs)/order/track/[id]/page.tsx
@@ -108,7 +108,7 @@ function OrderTrackingPage() {
                         visible={bottomSheet1State}
                         showCloseButton={false}
                         showTitle={false}
-                        overrideClassName='!pt-6'
+                        overrideClassName='!pt-6 bg-container!'
                     >
                         <div className='grid grid-cols-2 gap-4 px-4'>
                             <Button
@@ -135,7 +135,7 @@ function OrderTrackingPage() {
                         showTitle={false}
                         title='آدرس'
                         onClick={toggleCancelModal}
-                        overrideClassName='pt-1!'
+                        overrideClassName='pt-1! bg-container!'
                     >
                         <div className='px-4'>
                             <div className='px-4 mt-2 bg-container flex flex-col gap-6'>
diff --git a/src/app/[name]/(Profile)/profile/address/new/page.tsx b/src/app/[name]/(Profile)/profile/address/new/page.tsx
index 455db99..f1a0395 100644
--- a/src/app/[name]/(Profile)/profile/address/new/page.tsx
+++ b/src/app/[name]/(Profile)/profile/address/new/page.tsx
@@ -176,7 +176,7 @@ function OrderTrackingPage() {
                         visible={bottomSheet1State}
                         showCloseButton={false}
                         showTitle={false}
-                        overrideClassName='!pt-6'
+                        overrideClassName='!pt-6 bg-container!'
                     >
                         <div className='grid grid-cols-2 gap-4 px-4'>
                             <Button
@@ -201,6 +201,7 @@ function OrderTrackingPage() {
                         visible={bottomSheet2State}
                         title='آدرس'
                         onClick={toggleBottomSheet2}
+                        overrideClassName='bg-container!'
                     >
                         <form action={submitAddressAction}>
                             <div className='px-4'>
diff --git a/src/components/bottomsheet/AnimatedBottomSheet.tsx b/src/components/bottomsheet/AnimatedBottomSheet.tsx
index 6bb19ca..8fbf1c4 100644
--- a/src/components/bottomsheet/AnimatedBottomSheet.tsx
+++ b/src/components/bottomsheet/AnimatedBottomSheet.tsx
@@ -46,11 +46,12 @@ const AnimatedBottomSheet = ({ blurOpacity = 64, overrideClassName = '', showTit
                 dragElastic={0.05}
                 onDragEnd={onDrag}
                 data-visible={props.visible}
+                data-bg-opacity={blurOpacity}
                 className={clsx(
                     overrideClassName ?? '',
                     'absolute left-0 w-full rounded-t-4xl pt-[39px] pb-6',
                     'bottom-0',
-                    blurOpacity ? `bg-container/${blurOpacity}` : 'bg-container'
+                    'bg-container/64'
                 )}
                 initial="hidden"
                 animate={props.visible ? 'visible' : 'hidden'}