add select company in office case

src/pages/cart/components/TableNumberCard.tsx

@@ -6,40 +6,64 @@ import {
   updateTables,
 } from "features/order/orderSlice.ts";
 import styles from "pages/cart/cart.module.css";
+import { OrderType } from "pages/checkout/hooks/types";
 import { useTranslation } from "react-i18next";
 import { useGetTablesQuery } from "redux/api/others";
 import { useAppDispatch, useAppSelector } from "redux/hooks.ts";
 
 export default function TableNumberCard() {
   const { t } = useTranslation();
-  const { tables } = useAppSelector(selectCart);
+  const { tables, orderType } = useAppSelector(selectCart);
   const dispatch = useAppDispatch();
-  const { data: tableList } = useGetTablesQuery({
+  const { data: tableList } = useGetTablesQuery(
+    {
       restaurantID: localStorage.getItem("restaurantID") || "",
-    tableType: "1",
-  }, {
-    skip: !localStorage.getItem("restaurantID"),
-  });
+      tableType: orderType === OrderType.DineIn ? "1" : "2",
+    },
+    {
+      skip: !localStorage.getItem("restaurantID") || !orderType,
+    },
+  );
 
   return (
     <>
       <ProInputCard
-        title={t("cart.tableNumber")}
+        title={
+          orderType === OrderType.DineIn
+            ? t("cart.tableNumber")
+            : t("cart.selectCompany")
+        }
         className={styles.tableNumberCard}
         dividerStyle={{ margin: "5px 0 0 0" }}
       >
         <Form.Item
-          label={t("cart.tableNumber")}
+          label={
+            orderType === OrderType.DineIn
+              ? t("cart.tableNumber")
+              : t("cart.selectCompany")
+          }
           name="tables"
           required
-          rules={[{ required: true, message: t("cart.pleaseSelectTable") }]}
+          rules={[
+            {
+              required: true,
+              message:
+                orderType === OrderType.DineIn
+                  ? t("cart.pleaseSelectTable")
+                  : t("cart.pleaseSelectCompany"),
+            },
+          ]}
           initialValue={tables}
           style={{ position: "relative", top: -5 }}
         >
           <Select
             value={tables}
             mode="multiple"
-            placeholder={t("cart.tableNumber")}
+            placeholder={
+              orderType === OrderType.DineIn
+                ? t("cart.tableNumber")
+                : t("cart.selectCompany")
+            }
             size="large"
             options={tableList?.map((table: any) => ({
               label: table.name,