scroll cart
This commit is contained in:
@@ -9,7 +9,6 @@ import { useCart } from './hook/useCart';
|
|||||||
import CartSummary from './components/CartSummary';
|
import CartSummary from './components/CartSummary';
|
||||||
import Prompt from '@/components/utils/Prompt';
|
import Prompt from '@/components/utils/Prompt';
|
||||||
import { useGetFoods } from '@/app/[name]/(Main)/hooks/useMenuData';
|
import { useGetFoods } from '@/app/[name]/(Main)/hooks/useMenuData';
|
||||||
import VerticalScrollView from '@/components/listview/VerticalScrollView';
|
|
||||||
import MenuItem from '@/components/listview/MenuItem';
|
import MenuItem from '@/components/listview/MenuItem';
|
||||||
import MenuItemRenderer from '@/components/listview/MenuItemRenderer';
|
import MenuItemRenderer from '@/components/listview/MenuItemRenderer';
|
||||||
import type { Food } from '@/app/[name]/(Main)/types/Types';
|
import type { Food } from '@/app/[name]/(Main)/types/Types';
|
||||||
@@ -102,9 +101,9 @@ const CartIndex = () => {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
) : (
|
) : (
|
||||||
<VerticalScrollView className="overflow-y-auto h-full pb-24">
|
<div className="flex flex-col gap-4 pb-24">
|
||||||
{!isPremium && (
|
{!isPremium && (
|
||||||
<div className='mb-4 bg-container rounded-container p-4 border border-border shadow-sm'>
|
<div className='bg-container rounded-container p-4 border border-border shadow-sm'>
|
||||||
<div className='flex items-start gap-3 mb-4'>
|
<div className='flex items-start gap-3 mb-4'>
|
||||||
<div className='shrink-0 mt-0.5'>
|
<div className='shrink-0 mt-0.5'>
|
||||||
<NotificationBellIcon width={24} height={24} className="currentColor" />
|
<NotificationBellIcon width={24} height={24} className="currentColor" />
|
||||||
@@ -133,7 +132,7 @@ const CartIndex = () => {
|
|||||||
</MenuItemRenderer>
|
</MenuItemRenderer>
|
||||||
))}
|
))}
|
||||||
<CartSummary isPremium={isPremium} />
|
<CartSummary isPremium={isPremium} />
|
||||||
</VerticalScrollView>
|
</div>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user