diff options
| author | it-fixcomart <it@fixcomart.co.id> | 2024-08-02 14:22:07 +0700 |
|---|---|---|
| committer | it-fixcomart <it@fixcomart.co.id> | 2024-08-02 14:22:07 +0700 |
| commit | 112b5a9fa738594749796fb65ede0c8ec900a84f (patch) | |
| tree | 64e983bf4478ba8a01ba034c67471b29dcb50f7b /src-migrate/pages | |
| parent | 95d51b30154b09e4105ea011aba8782d74fbf1e8 (diff) | |
<iman> error code
Diffstat (limited to 'src-migrate/pages')
| -rw-r--r-- | src-migrate/pages/shop/cart/index.tsx | 15 |
1 files changed, 14 insertions, 1 deletions
diff --git a/src-migrate/pages/shop/cart/index.tsx b/src-migrate/pages/shop/cart/index.tsx index e5e2c5cb..3bc857a6 100644 --- a/src-migrate/pages/shop/cart/index.tsx +++ b/src-migrate/pages/shop/cart/index.tsx @@ -31,7 +31,20 @@ const CartPage = () => { const { loadCart, cart, summary } = useCartStore(); const useDivvice = useDevice(); const { setRefreshCart } = useProductCartContext() + const [isTop, setIsTop] = useState(true); + + console.log("lokasi",window.scrollY) + useEffect(() => { + const handleScroll = () => { + setIsTop(window.scrollY < 200); + }; + + window.addEventListener('scroll', handleScroll); + return () => { + window.removeEventListener('scroll', handleScroll); + }; + }, []); useEffect(() => { if (typeof auth === 'object' && !cart) { @@ -109,7 +122,7 @@ const CartPage = () => { <> <div className={style['title']}>Keranjang Belanja</div> <div className='h-2' /> - <div className={`flex items-center object-center justify-between w-3/4 ${window.scrollY < 200 ? 'border-b-[0px]' : 'border-b-[1px]'} sticky top-[180px] bg-white py-4 border-gray-300 z-50`}> + <div className={`flex items-center object-center justify-between w-3/4 ${isTop ? 'border-b-[0px]' : 'border-b-[1px]'} sticky top-[180px] bg-white py-4 border-gray-300 z-50`}> <div className='flex items-center object-center'> {isLoad && ( <Spinner className='my-auto' size='sm' /> |