change url param name to "subdomain"

src/pages/menu/components/AddToCartButton/AddToCartButton.tsx

@@ -10,7 +10,7 @@ export function AddToCartButton() {
   const { isRTL } = useAppSelector((state) => state.locale);
   const { t } = useTranslation();
 
-  const { id } = useParams();
+  const { subdomain } = useParams();
   const navigate = useNavigate();
 
   return (
@@ -21,7 +21,7 @@ export function AddToCartButton() {
       icon={<PlusOutlined title="add" className={styles.plusIcon} />}
       size="small"
       onClick={() => {
-        navigate(`/${id}/menu`);
+        navigate(`/${subdomain}/menu`);
       }}
       className={`${styles.addButton} ${isRTL ? styles.addButtonRTL : styles.addButtonLTR}`}
       style={{ backgroundColor: colors.primary }}

src/pages/menu/components/CartButton/CartButton.tsx

@@ -8,12 +8,12 @@ import styles from "./CartButton.module.css";
 
 export function CartButton() {
   const { isRTL } = useAppSelector((state) => state.locale);
-  const { id } = useParams();
+  const { subdomain } = useParams();
   const navigate = useNavigate();
   const items = useAppSelector(selectCartItems);
 
   const onCartClick = useCallback(() => {
-    navigate(`/${id}/cart`);
+    navigate(`/${subdomain}/cart`);
   }, [navigate, id]);
 
   const totalItems = items.reduce((sum, item) => sum + item.quantity, 0);

src/pages/menu/components/MenuFooter/MenuFooter.tsx

@@ -13,7 +13,7 @@ export function MenuFooter() {
   const { themeName } = useAppSelector((state) => state.theme);
   const { isMobile, isTablet } = useBreakPoint();
   const { t } = useTranslation();
-  const { id } = useParams();
+  const { subdomain } = useParams();
 
   const totalItems = items.reduce((sum, item) => sum + item.quantity, 0);
 
@@ -37,7 +37,7 @@ export function MenuFooter() {
           }}
         >
           <Link
-            to={`/${id}/cart`}
+            to={`/${subdomain}/cart`}
             style={{
               width: "100%",
               padding: "0 16px",

src/pages/menu/components/MenuList/MenuList.tsx

@@ -23,7 +23,6 @@ interface MenuListProps {
         categories: { id: number; name: string; image?: string }[];
       }
     | undefined;
-  id: string;
   categoryRefs: React.RefObject<{ [key: number]: HTMLDivElement | null }>;
 }
 
@@ -32,7 +31,7 @@ export function MenuList({ data, categoryRefs }: MenuListProps) {
   const products = data?.products;
   const { isMobile, isTablet, isDesktop } = useBreakPoint();
   const { items } = useAppSelector((state) => state.order);
-  const { id } = useParams();
+  const { subdomain } = useParams();
   const navigate = useNavigate();
   const { t } = useTranslation();
   const { themeName } = useAppSelector((state) => state.theme);
@@ -46,7 +45,7 @@ export function MenuList({ data, categoryRefs }: MenuListProps) {
     if (isDesktop) {
       setIsDialogOpen(true);
     } else {
-      navigate(`/${id}/product/${item.id}`);
+      navigate(`/${subdomain}/product/${item.id}`);
     }
   };
 

src/pages/menu/components/SearchButton.tsx

@@ -5,7 +5,7 @@ import styles from "../menu.module.css";
 
 export default function SearchButton() {
   const navigate = useNavigate();
-  const { id } = useParams();
+  const { subdomain } = useParams();
 
   return (
     <div
@@ -17,7 +17,7 @@ export default function SearchButton() {
         onClick={() =>
           // router.push(`?orderType=${orderType}&search=true`)
           // setSelectedClientRoute("search")
-          navigate(`/${id}/search`)
+          navigate(`/${subdomain}/search`)
         }
       />
     </div>

src/pages/menu/components/SearchMenu/SearchMenu.tsx

@@ -24,7 +24,7 @@ export function SearchMenu({ products }: MenuListProps) {
   const navigate = useNavigate();
   const { t } = useTranslation();
   const { themeName } = useAppSelector((state) => state.theme);
-  const { id } = useParams();
+  const { subdomain } = useParams();
 
   // Show error state if data exists but has no products
   if (products && (!products || products.length === 0)) {
@@ -48,7 +48,7 @@ export function SearchMenu({ products }: MenuListProps) {
               className={styles.productLink + " product-link-search"}
               onClick={() => {
                 localStorage.setItem("product", JSON.stringify(item));
-                navigate(`/${id}/product/${item.id}`);
+                navigate(`/${subdomain}/product/${item.id}`);
               }}
             >
               <Card

src/pages/menu/page.tsx

@@ -30,15 +30,15 @@ import SearchButton from "./components/SearchButton";
 import styles from "./menu.module.css";
 
 function MenuPage() {
-  const { id } = useParams();
+  const { subdomain } = useParams();
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   const [_, setSearchParams] = useSearchParams();
   const { isRTL } = useAppSelector((state) => state.locale);
   const { orderType } = useAppSelector((state) => state.order);
   const { t } = useTranslation();
   const { data: restaurant, isLoading: isLoadingRestaurant } =
-    useGetRestaurantDetailsQuery("595", {
-      skip: !id,
+    useGetRestaurantDetailsQuery(subdomain, {
+      skip: !subdomain,
     });
   const { data: menuData, isLoading: isLoadingMenu } = useGetMenuQuery(
     restaurant?.restautantId,
@@ -148,7 +148,6 @@ function MenuPage() {
 
               <MenuList
                 data={menuData}
-                id={id || ""}
                 categoryRefs={categoryRefs}
               />
             </Space>