fix line-through styles

src/pages/restaurant/RestaurantServices.tsx

@@ -14,33 +14,29 @@ import { updateOrderType } from "features/order/orderSlice";
 import { OrderType } from "pages/checkout/hooks/types.ts";
 import { useTranslation } from "react-i18next";
 import { Link, useParams } from "react-router-dom";
+import { useGetRestaurantDetailsQuery } from "redux/api/others";
 import { useAppDispatch, useAppSelector } from "redux/hooks";
 import styles from "./restaurant.module.css";
 
-interface RestaurantServicesProps {
-  dineIn?: boolean;
-  pickup?: boolean;
-  gift?: boolean;
-  delivery?: boolean;
-  toRoom?: boolean;
-  toOffice?: boolean;
-  is_booking_enabled?: boolean;
-  params: { locale: string; id: string };
-}
-
-export default function RestaurantServices({
-  dineIn,
-  pickup,
-  gift,
-  delivery,
-  toRoom,
-  toOffice,
-  is_booking_enabled,
-}: RestaurantServicesProps) {
+export default function RestaurantServices() {
   const { t } = useTranslation();
   const { isRTL } = useAppSelector((state) => state.locale);
   const { subdomain } = useParams();
   const dispatch = useAppDispatch();
+  const { data: restaurant } = useGetRestaurantDetailsQuery(subdomain, {
+    skip: !subdomain,
+  });
+
+  const {
+    dineIn,
+    pickup,
+    gift,
+    toRoom,
+    toOffice,
+    is_booking_enabled,
+    delivery,
+    is_schedule_order_enabled,
+  } = restaurant || {};
 
   const services = [
     ...((dineIn && [
@@ -146,21 +142,21 @@ export default function RestaurantServices({
       },
     ]) ||
       []),
-      ...((true && [
-        {
-          id: OrderType.ScheduledOrder,
-          title: t("common.scheduledOrder"),
-          description: t("home.services.scheduledOrder"),
-          icon: (
-            <ScheduleFilled
-              className={styles.serviceIcon + " " + styles.scheduledOrderIcon}
-            />
-          ),
-          color: "bg-indigo-50 text-indigo-600",
-          href: `/${subdomain}/menu?orderType=${OrderType.ScheduledOrder}`,
-        },
-      ]) ||
-        []),  
+    ...((is_schedule_order_enabled === 1 && [
+      {
+        id: OrderType.ScheduledOrder,
+        title: t("common.scheduledOrder"),
+        description: t("home.services.scheduledOrder"),
+        icon: (
+          <ScheduleFilled
+            className={styles.serviceIcon + " " + styles.scheduledOrderIcon}
+          />
+        ),
+        color: "bg-indigo-50 text-indigo-600",
+        href: `/${subdomain}/menu?orderType=${OrderType.ScheduledOrder}`,
+      },
+    ]) ||
+      []),
   ];
 
   // Determine grid class based on number of services

src/pages/restaurant/page.tsx

@@ -104,16 +104,7 @@ export default function RestaurantPage() {
           </ProText>
         </div>
 
-        <RestaurantServices
-          dineIn={restaurant?.dineIn}
-          pickup={restaurant?.pickup}
-          gift={restaurant?.gift}
-          delivery={restaurant?.delivery}
-          toRoom={restaurant?.toRoom}
-          toOffice={restaurant?.toOffice}
-          is_booking_enabled={restaurant?.is_booking_enabled === 1}
-          params={{ id: "1", locale: "en" }}
-        />
+        <RestaurantServices />
         <div
           ref={containerRef}
           onTouchStart={handleTouchStart}