fix modal filter

src/app/[name]/(Main)/components/MenuFilterDrawer.tsx

@@ -1,19 +1,16 @@
 'use client';
 
-import React, { useState, useEffect, useMemo } from "react";
+import React, { useState, useEffect } from "react";
 import Button from "@/components/button/PrimaryButton";
 import AnimatedBottomSheet from "@/components/bottomsheet/AnimatedBottomSheet";
-import ComboBox, { ComboboxOption } from "@/components/combobox/Combobox";
 import { Switch } from "@/components/ui/switch";
 import { TicketPercentIcon } from "lucide-react";
 
 type MenuFilterDrawerProps = {
   visible: boolean;
   onClose: () => void;
-  selectedIngredients: string;
+  searchQuery: string;
-  selectedDeliveryId: string;
+  onSearchChange: (value: string) => void;
-  onIngredientsChange: (value: string) => void;
-  onDeliveryChange: (value: string) => void;
   onApply: () => void;
   tMenu: (key: string) => string;
 };
@@ -21,67 +18,31 @@ type MenuFilterDrawerProps = {
 const MenuFilterDrawer = ({
   visible,
   onClose,
-  selectedIngredients,
+  searchQuery,
-  selectedDeliveryId,
+  onSearchChange,
-  onIngredientsChange,
-  onDeliveryChange,
   onApply,
   tMenu,
 }: MenuFilterDrawerProps) => {
-  const [tempIngredients, setTempIngredients] = useState(selectedIngredients);
+  const [tempQuery, setTempQuery] = useState(searchQuery);
-  const [tempDeliveryId, setTempDeliveryId] = useState(selectedDeliveryId);
 
   useEffect(() => {
     if (visible) {
-      setTempIngredients(selectedIngredients);
+      setTempQuery(searchQuery);
-      setTempDeliveryId(selectedDeliveryId);
     }
-  }, [visible, selectedIngredients, selectedDeliveryId]);
+  }, [visible, searchQuery]);
 
-  const serviceOptions: Array<ComboboxOption> = useMemo(() => {
+  const handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    return [
+    setTempQuery(e.target.value);
-      {
-        id: "0",
-        title: tMenu("MenuFilterDrawer.SelectDelivery.Options.All") || "همه",
-        label: "",
-      },
-      {
-        id: "pickup",
-        title: "بیرون بر",
-        label: "",
-      },
-      {
-        id: "inPlace",
-        title: "سرو در فروشگاه",
-        label: "",
-      },
-    ];
-  }, [tMenu]);
-
-  const handleIngredientsChange = (
-    e: React.ChangeEvent<HTMLInputElement>
-  ) => {
-    setTempIngredients(e.target.value);
-  };
-
-  const handleDeliveryChange = (
-    e: React.MouseEvent<HTMLDivElement, MouseEvent>,
-    index: number
-  ) => {
-    e.stopPropagation();
-    setTempDeliveryId(serviceOptions[index]?.id ?? serviceOptions[0].id);
   };
 
   const handleApply = () => {
-    onIngredientsChange(tempIngredients);
+    onSearchChange(tempQuery);
-    onDeliveryChange(tempDeliveryId);
     onApply();
     onClose();
   };
 
   const handleCancel = () => {
-    setTempIngredients(selectedIngredients);
+    setTempQuery(searchQuery);
-    setTempDeliveryId(selectedDeliveryId);
     onClose();
   };
 
@@ -99,19 +60,12 @@ const MenuFilterDrawer = ({
           </label>
           <input
             type="text"
-            value={tempIngredients}
+            value={tempQuery}
-            onChange={handleIngredientsChange}
+            onChange={handleSearchChange}
-            placeholder={tMenu("MenuFilterDrawer.SelectContent.Placeholder") || "محتویات را وارد کنید..."}
+            placeholder={tMenu("MenuFilterDrawer.SelectContent.Placeholder")}
             className="w-full h-11 px-3 py-2.5 rounded-normal border border-border bg-container/29 focus:outline-none focus:ring-2 focus:ring-black text-xs!"
           />
         </div>
-        <ComboBox
-          className="relative mt-9.5"
-          title={tMenu("MenuFilterDrawer.SelectDelivery.Label")}
-          options={serviceOptions}
-          selectedId={tempDeliveryId}
-          onSelectionChange={handleDeliveryChange}
-        />
         <div className="flex w-full mt-[23px] h-11 items-center justify-between gap-2 px-3 py-4 relative bg-container/29 rounded-xl border border-solid border-border cursor-pointer focus:outline-none focus:ring-2 focus:ring-black">
           <span className="inline-flex items-center gap-2.5 text-sm2">
             <TicketPercentIcon size={16} />

src/app/[name]/(Main)/page.tsx

@@ -34,8 +34,7 @@ const MenuIndex = () => {
   const [sorting, setSorting] = useQueryState('sortBy', { defaultValue: '0' });
   const [search, setSearch] = useQueryState("q", { defaultValue: '' });
   const [selectedCategory, setSelectedCategory] = useQueryState('category', { defaultValue: '0' });
-  const [selectedIngredients, setSelectedIngredients] = useQueryState('ingredients', { defaultValue: '' });
+  const [filterSearch, setFilterSearch] = useQueryState('ingredients', { defaultValue: '' });
-  const [selectedDeliveryId, setSelectedDeliveryId] = useQueryState('delivery', { defaultValue: '0' });
   const smallCategoriesRef: React.RefObject<HTMLDivElement | null> = useRef(null);
   const wrapperRef: React.RefObject<HTMLDivElement | null> = useRef(null);
   const [smallCategoriesVisible, setSmallCategoriesVisibility] = useState(false);
@@ -46,12 +45,11 @@ const MenuIndex = () => {
       setSearch(null);
       // category را نگه می‌داریم تا در بک زدن حفظ شود
       // setSelectedCategory(null);
-      setSelectedIngredients(null);
+      setFilterSearch(null);
-      setSelectedDeliveryId(null);
       setSorting(null);
       setIsInitialMount(false);
     }
-  }, [isInitialMount, setSearch, setSelectedIngredients, setSelectedDeliveryId, setSorting]);
+  }, [isInitialMount, setSearch, setFilterSearch, setSorting]);
 
   const onScroll = useCallback(() => {
     if (!wrapperRef?.current?.parentElement?.parentElement?.scrollTop || !smallCategoriesRef.current?.offsetTop) return;
@@ -95,18 +93,14 @@ const MenuIndex = () => {
     toggleSortingModal();
   };
 
-  const changeSelectedIngredients = useCallback((value: string) => {
+  const changeFilterSearch = useCallback((value: string) => {
-    setSelectedIngredients(value);
+    setFilterSearch(value);
-  }, [setSelectedIngredients]);
+  }, [setFilterSearch]);
-
-  const changeSelectedDelivery = useCallback((value: string) => {
-    setSelectedDeliveryId(() => value);
-  }, [setSelectedDeliveryId]);
 
   const filteredReceiptItems = useMemo(() => {
     if (!products.length) return [];
     const lowerSearch = search.toLowerCase();
-    const lowerIngredients = selectedIngredients ? selectedIngredients.toLowerCase() : "";
+    const lowerFilterQuery = filterSearch ? filterSearch.toLowerCase() : "";
     const selectedCatId = selectedCategory === '0' ? null : selectedCategory;
 
     const filtered = products.filter((item) => {
@@ -115,24 +109,22 @@ const MenuIndex = () => {
       const matchesSearch =
         !search || itemName.toLowerCase().includes(lowerSearch);
 
-      const matchesIngredients = !selectedIngredients ||
+      // جستجو در عنوان و توضیحات (و در صورت وجود در محتویات)
+      const matchesFilterSearch = !filterSearch ||
         (() => {
-          // ابتدا در محتویات جستجو می‌کنیم
+          const titleMatch = itemName.toLowerCase().includes(lowerFilterQuery);
+          const description = item.description || item.desc || "";
+          const descMatch = description.toLowerCase().includes(lowerFilterQuery);
+          if (titleMatch || descMatch) return true;
           if (item.content && Array.isArray(item.content) && item.content.length > 0) {
             return item.content.some((content: string) =>
-              content.toLowerCase().includes(lowerIngredients)
+              content.toLowerCase().includes(lowerFilterQuery)
             );
           }
-          // اگر محتویات وجود نداشت یا خالی بود، در توضیحات جستجو می‌کنیم
+          return false;
-          const description = item.description || item.desc || "";
-          return description.toLowerCase().includes(lowerIngredients);
         })();
 
-      const matchesDelivery = selectedDeliveryId === "0" ||
+      return matchesCategory && matchesSearch && matchesFilterSearch;
-        (selectedDeliveryId === "pickup" && item.pickupServe) ||
-        (selectedDeliveryId === "inPlace" && item.inPlaceServe);
-
-      return matchesCategory && matchesSearch && matchesIngredients && matchesDelivery;
     });
 
     const sortingKey = sortings[Number(sorting)] || sortings[0];
@@ -151,7 +143,7 @@ const MenuIndex = () => {
           return 0;
       }
     });
-  }, [selectedCategory, search, selectedIngredients, selectedDeliveryId, products, sorting]);
+  }, [selectedCategory, search, filterSearch, products, sorting]);
 
   if (isLoading) {
     return <MenuSkeleton />;
@@ -222,10 +214,8 @@ const MenuIndex = () => {
       <MenuFilterDrawer
         visible={filterModal}
         onClose={toggleFilterModal}
-        selectedIngredients={selectedIngredients}
+        searchQuery={filterSearch}
-        selectedDeliveryId={selectedDeliveryId}
+        onSearchChange={changeFilterSearch}
-        onIngredientsChange={changeSelectedIngredients}
-        onDeliveryChange={changeSelectedDelivery}
         onApply={() => { }}
         tMenu={tMenu}
       />

src/locales/fa/menu.json

@@ -1,39 +1,31 @@
 {
-    "Menu": {
+  "Menu": {
-        "MenuFilterDrawer": {
+    "MenuFilterDrawer": {
-            "Label": "فیلتر بر اساس",
+      "Label": "فیلتر بر اساس",
-            "Heading": "فیلتر ها",
+      "Heading": "فیلتر ها",
-            "SelectContent": {
+      "SelectContent": {
-                "Label": "محتویات",
+        "Label": "جستجو",
-                "SearchLabel": "جستجو ...",
+        "SearchLabel": "جستجو ...",
-                "Placeholder": "محتویات را وارد کنید...",
+        "Placeholder": "جستجوی  پیشرفته...",
-                "Options": {
+        "Options": {
-                    "Normal": "معمولی",
+          "Normal": "معمولی",
-                    "Vegan": "گیاهی"
+          "Vegan": "گیاهی"
-                }
-            },
-            "SelectDelivery": {
-                "Label": "روش ارسال",
-                "SearchLabel": "جستجو ...",
-                "Options": {
-                    "All": "همه",
-                    "Courier": "ارسال با پیک"
-                }
-            },
-            "PlusPoint": "دارای امتیاز پس از خرید",
-            "DiscountState": "دارای کد تخفیف",
-            "ButtonOk": "اعمال فیلتر",
-            "ButtonCancel": "حذف فیلتر"
-        },
-        "MenuSortingDrawer": {
-            "Label": "",
-            "Heading": "مرتب کردن بر اساس",
-            "Options": {
-                "PopularityDescending": "محبوب ترین",
-                "RateDescending": "بالاترین امتیاز",
-                "PriceAscending": "ارزان ترین",
-                "PriceDescending": "گران ترین"
-            }
         }
+      },
+      "PlusPoint": "دارای امتیاز پس از خرید",
+      "DiscountState": "دارای کد تخفیف",
+      "ButtonOk": "اعمال فیلتر",
+      "ButtonCancel": "حذف فیلتر"
+    },
+    "MenuSortingDrawer": {
+      "Label": "",
+      "Heading": "مرتب کردن بر اساس",
+      "Options": {
+        "PopularityDescending": "محبوب ترین",
+        "RateDescending": "بالاترین امتیاز",
+        "PriceAscending": "ارزان ترین",
+        "PriceDescending": "گران ترین"
+      }
     }
-}
+  }
+}