cart: apply form validation

This commit is contained in:
2025-10-14 22:41:20 +03:00
parent adfef2cd5c
commit c9829c0e66
5 changed files with 116 additions and 74 deletions

View File

@@ -1,36 +1,41 @@
import ProHeader from "components/ProHeader/ProHeader.tsx";
import styles from "pages/cart/cart.module.css";
import { Space, Card, Divider } from "antd";
import ProTitle from "components/ProTitle.tsx";
import { Link, useParams } from "react-router-dom";
import { colors } from "ThemeConstants.ts";
import { PlusOutlined } from "@ant-design/icons";
import ProText from "components/ProText.tsx";
import { Card, Divider, Space } from "antd";
import ArabicPrice from "components/ArabicPrice";
import ImageWithFallback from "components/ImageWithFallback";
import CartActionsButtons from "components/CartActionsButtons/CartActionsButtons.tsx";
import YouMightAlsoLike from "pages/cart/components/youMayLike/YouMightAlsoLike.tsx";
import ImageWithFallback from "components/ImageWithFallback";
import ProHeader from "components/ProHeader/ProHeader.tsx";
import ProInputCard from "components/ProInputCard/ProInputCard.tsx";
import ProRatioGroups from "components/ProRatioGroups/ProRatioGroups.tsx";
import ProText from "components/ProText.tsx";
import ProTitle from "components/ProTitle.tsx";
import {
updateCollectionMethod,
selectCart,
updateCollectionMethod,
} from "features/order/orderSlice.ts";
import styles from "pages/cart/cart.module.css";
import YouMightAlsoLike from "pages/cart/components/youMayLike/YouMightAlsoLike.tsx";
import { Link, useParams } from "react-router-dom";
import { colors } from "ThemeConstants.ts";
import OrderSummary from "components/OrderSummary/OrderSummary.tsx";
import { useAppSelector } from "redux/hooks.ts";
import { useTranslation } from "react-i18next";
import SpecialRequestCard from "pages/cart/components/specialRequest/SpecialRequestCard.tsx";
import { FormInstance } from "antd";
import useBreakPoint from "hooks/useBreakPoint.ts";
import CarPlateCard from "pages/cart/components/CarPlateCard.tsx";
import CartFooter from "pages/cart/components/cartFooter/CartFooter.tsx";
import CouponCard from "pages/cart/components/CouponCard.tsx";
import RewardWaiterCard from "pages/cart/components/RewardWaiterCard.tsx";
import CarPlateCard from "pages/cart/components/CarPlateCard.tsx";
import SpecialRequestCard from "pages/cart/components/specialRequest/SpecialRequestCard.tsx";
import TableNumberCard from "pages/cart/components/TableNumberCard.tsx";
import TimeEstimateCard from "pages/cart/components/timeEstimate/TimeEstimateCard.tsx";
import CartFooter from "pages/cart/components/cartFooter/CartFooter.tsx";
import { useTranslation } from "react-i18next";
export default function CartMobileTabletLayout() {
interface CartMobileTabletLayoutProps {
form: FormInstance;
}
export default function CartMobileTabletLayout({ form }: CartMobileTabletLayoutProps) {
const { t } = useTranslation();
const { items, collectionMethod } = useAppSelector(selectCart);
const { id } = useParams();
@@ -263,7 +268,7 @@ export default function CartMobileTabletLayout() {
<div style={{ height: "10vh" }} />
</Space>
</div>
<CartFooter />
<CartFooter form={form} />
</>
);
}