add order type "select" to menu header

This commit is contained in:
2025-10-28 13:04:17 +03:00
parent f7ab3349f7
commit 7aa686166b
3 changed files with 40 additions and 21 deletions

View File

@@ -1,5 +1,5 @@
import { StarFilled } from "@ant-design/icons";
import { Image, Space } from "antd";
import { Image, Space, Select } from "antd";
import { FloatingButton } from "components/FloatingButton/FloatingButton";
import ImageWithFallback from "components/ImageWithFallback";
import LoyaltyCard from "components/LoyaltyCard/LoyaltyCard";
@@ -69,7 +69,6 @@ function MenuPage() {
width: "100vw",
}}
/>
<Image
src={restaurant?.restaurant_logo}
alt={t("menu.restaurantLogo")}
@@ -77,10 +76,8 @@ function MenuPage() {
width={"100%"}
preview={false}
/>
<div className={styles.leftShape}></div>
<div className={styles.rightShape}></div>
{/* <ResponsiveServices
orderType={orderType}
translations={{
@@ -91,10 +88,21 @@ function MenuPage() {
},
}}
/> */}
<div className={styles.backButtonContainer}>
<div
className={`${styles.headerFloatingBtn} ${styles.backButtonContainer}`}
>
<BackButton />
</div>
<div
className={`${styles.headerFloatingBtn} ${styles.orderTypeSelectContainer}`}
>
<Select
options={[]}
variant="borderless"
size="small"
className={styles.orderTypeSelect}
/>
</div>
<SearchButton />
</div>
@@ -121,8 +129,7 @@ function MenuPage() {
<Space direction="vertical" style={{ width: "100%", gap: 16 }}>
<div>
{restaurant?.loyalty_stamps &&
restaurant?.is_loyalty_enabled &&
<LoyaltyCard />}
restaurant?.is_loyalty_enabled && <LoyaltyCard />}
<CategoriesList categories={menuData?.categories || []} />
</div>