pay flow: initial commit

src/pages/restaurant/RestaurantServices.tsx

@@ -1,7 +1,6 @@
 import { ScheduleFilled } from "@ant-design/icons";
 import { Card } from "antd";
 import BackIcon from "components/Icons/BackIcon";
-import BookingIcon from "components/Icons/BookingIcon";
 import DeliveryIcon from "components/Icons/DeliveryIcon";
 import DineInIcon from "components/Icons/DineInIcon";
 import NextIcon from "components/Icons/NextIcon";
@@ -33,7 +32,7 @@ export default function RestaurantServices() {
     gift,
     toRoom,
     toOffice,
-    is_booking_enabled,
+    // is_booking_enabled,
     delivery,
     is_schedule_order_enabled,
     pickup_type,
@@ -113,6 +112,7 @@ export default function RestaurantServices() {
       },
     ]) ||
       []),
+
     // ...((is_booking_enabled && [
     //   {
     //     id: OrderType.Booking,
@@ -158,6 +158,21 @@ export default function RestaurantServices() {
       },
     ]) ||
       []),
+    ...((true && [
+      {
+        id: OrderType.Pay,
+        title: t("common.pay"),
+        description: t("home.services.pay"),
+        icon: (
+          <ToOfficeIcon
+            className={styles.serviceIcon + " " + styles.officeIcon}
+          />
+        ),
+        color: "bg-orange-50 text-orange-600",
+        href: `/${subdomain}/pay`,
+      },
+    ]) ||
+      []),
   ];
 
   // Determine grid class based on number of services