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

cart: fix dark theme

Browse Source
This commit is contained in:
Mohammed Al-yaseen
2025-10-09 00:38:33 +03:00
parent ca54ce37cb
commit 4fe0835de4
6 changed files with 35 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,27 +1,27 @@
import styles from "pages/cart/cart.module.css";
import { Row, Col, Button, Card } from "antd";
import ProTitle from "components/ProTitle.tsx";
import { colors } from "ThemeConstants.ts";
import ProText from "components/ProText.tsx";
import EmptyOrdersIcon from "components/Icons/EmptyOrdersIcon.tsx";
import { Link } from "react-router-dom";
import ImageWithFallback from "components/ImageWithFallback";
import { Button, Card, Col, Row } from "antd";
import ArabicPrice from "components/ArabicPrice";
import CartActionsButtons from "components/CartActionsButtons/CartActionsButtons.tsx";
import EmptyOrdersIcon from "components/Icons/EmptyOrdersIcon.tsx";
import ImageWithFallback from "components/ImageWithFallback";
import ProText from "components/ProText.tsx";
import ProTitle from "components/ProTitle.tsx";
import styles from "pages/cart/cart.module.css";
import { Link } from "react-router-dom";
import { colors } from "ThemeConstants.ts";
import { CartItem } from "utils/types/appTypes.ts";
import OrderSummary from "components/OrderSummary/OrderSummary.tsx";
import { selectCart } from "features/order/orderSlice.ts";
import { useTranslation } from "react-i18next";
import { useAppSelector } from "redux/hooks.ts";
import SpecialRequestCard from "pages/cart/components/SpecialRequestCard.tsx";
import CarPlateCard from "pages/cart/components/CarPlateCard.tsx";
import CouponCard from "pages/cart/components/CouponCard.tsx";
import RewardWaiterCard from "pages/cart/components/RewardWaiterCard.tsx";
import SpecialRequestCard from "pages/cart/components/SpecialRequestCard.tsx";
import TableNumberCard from "pages/cart/components/TableNumberCard.tsx";
import CarPlateCard from "pages/cart/components/CarPlateCard.tsx";
import YouMightAlsoLike from "pages/cart/components/youMayLike/YouMightAlsoLike.tsx";
import TimeEstimateCard from "pages/cart/components/timeEstimate/TimeEstimateCard.tsx";
import OrderSummary from "components/OrderSummary/OrderSummary.tsx";
import CartFooter from "pages/cart/components/cartFooter/CartFooter.tsx";
import YouMightAlsoLike from "pages/cart/components/youMayLike/YouMightAlsoLike.tsx";
import { useTranslation } from "react-i18next";
import { useAppSelector } from "redux/hooks.ts";
import CartFooter from "./cartFooter/CartFooter";
export default function CartDesktopLayout() {
const { t } = useTranslation();
@@ -40,7 +40,7 @@ export default function CartDesktopLayout() {
</div> */}
{/* Cart Items Section */}
<div className={styles.desktopCartItemsSection}>
<Card className={styles.desktopCartItemsSection}>
<div className={styles.desktopSectionHeader}>
<ProTitle
level={3}
@@ -48,13 +48,6 @@ export default function CartDesktopLayout() {
>
{t("cart.yourOrder")}
</ProTitle>
<ProText type="secondary" style={{ fontSize: "16px" }}>
{items.length === 0
? t("emptyCart")
: `${items.length} ${
items.length === 1 ? t("item") : t("items")
} ${t("inYourCart")}`}
</ProText>
</div>
{items.length === 0 ? (
@@ -163,7 +156,9 @@ export default function CartDesktopLayout() {
))}
</div>
)}
</div>
</Card>
<CartFooter />
</div>
</Col>
@@ -216,8 +211,6 @@ export default function CartDesktopLayout() {
</div>
</Col>
</Row>
<CartFooter />
</div>
</>
);