fascano/web-menu-react-version-
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

cart: enhacne desktop styles

Browse Source
This commit is contained in:
Mohammed Al-yaseen
2025-11-26 21:18:18 +03:00
parent 88338514c3
commit 0ca8e11c83
4 changed files with 75 additions and 118 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/pages/cart/components/CartDesktopLayout.tsx
View File

@@ -30,9 +30,7 @@ interface CartDesktopLayoutProps {
export default function CartDesktopLayout({ form }: CartDesktopLayoutProps) {
const { t } = useTranslation();
const { items } = useAppSelector(selectCart);
const orderType = localStorage.getItem("orderType");
const { items, orderType } = useAppSelector(selectCart);
return (
<>
@@ -167,45 +165,22 @@ export default function CartDesktopLayout({ form }: CartDesktopLayoutProps) {
<div className={styles.desktopSidebar}>
<YouMightAlsoLike />
<div className={styles.desktopSidebarCard}>
<SpecialRequestCard />
</div>
<SpecialRequestCard />
<div
className={styles.desktopSidebarCard}
style={{ "--animation-order": 1 } as React.CSSProperties}
>
<CouponCard />
</div>
<CouponCard />
{orderType === OrderType.Pickup && <CarPlateCard />}
{(orderType === OrderType.Delivery ||
orderType === OrderType.Pickup) && <TimeEstimateCard />}
<div
className={styles.desktopSidebarCard}
style={{ "--animation-order": 1 } as React.CSSProperties}
>
<RewardWaiterCard />
</div>
<RewardWaiterCard />
{/* Table Number */}
{orderType === OrderType.DineIn && (
<div
className={styles.desktopSidebarCard}
style={{ "--animation-order": 3 } as React.CSSProperties}
>
<TableNumberCard />
</div>
)}
{orderType === OrderType.DineIn && <TableNumberCard />}
{/* Order Summary */}
<Card
className={`${styles.desktopOrderSummary} ${styles.desktopSidebarCard}`}
>
<OrderSummary />
</Card>
<OrderSummary />
</div>
</Col>
</Row>