39 lines
1.2 KiB
TypeScript
39 lines
1.2 KiB
TypeScript
import { Form } from "antd";
|
|
import OrderSummary from "components/OrderSummary/OrderSummary";
|
|
import PaymentMethods from "components/PaymentMethods/PaymentMethods";
|
|
import ProHeader from "components/ProHeader/ProHeader";
|
|
import { useTranslation } from "react-i18next";
|
|
import styles from "../address/address.module.css";
|
|
import { AddressSummary } from "./components/AddressSummary";
|
|
import BriefMenu from "./components/BriefMenu";
|
|
import CheckoutButton from "./components/CheckoutButton";
|
|
import { GiftDetails } from "./components/GiftDetails";
|
|
import { OfficeDetails } from "./components/OfficeDetails";
|
|
import { RoomDetails } from "./components/RoomDetails";
|
|
import PhoneCard from "./components/phoneCard";
|
|
|
|
export default function CheckoutPage() {
|
|
const { t } = useTranslation();
|
|
const [form] = Form.useForm();
|
|
|
|
return (
|
|
<>
|
|
<Form form={form}>
|
|
<ProHeader>{t("checkout.title")}</ProHeader>
|
|
<div className={styles.checkoutContainer}>
|
|
<AddressSummary />
|
|
<RoomDetails />
|
|
<OfficeDetails />
|
|
<GiftDetails />
|
|
<BriefMenu />
|
|
<PhoneCard />
|
|
<PaymentMethods />
|
|
<OrderSummary />
|
|
</div>
|
|
|
|
<CheckoutButton form={form} />
|
|
</Form>
|
|
</>
|
|
);
|
|
}
|