add order type "select" to menu header
This commit is contained in:
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user