bug fix

src/pages/tours/ui/ToursSetting.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import {
+  getAllAmenities,
   hotelBadge,
   hotelFeature,
   hotelFeatureType,
@@ -8,6 +9,7 @@ import {
   hotelTransport,
   hotelType,
 } from "@/pages/tours/lib/api";
+import Amenities from "@/pages/tours/ui/Amenities";
 import BadgeTable from "@/pages/tours/ui/BadgeTable";
 import FeaturesTable from "@/pages/tours/ui/FeaturesTable";
 import FeaturesTableType from "@/pages/tours/ui/FeaturesTableType";
@@ -120,13 +122,31 @@ const ToursSetting: React.FC = () => {
     enabled: !!featureId,
   });
 
+  const pageAmenities = parseInt(searchParams.get("pageAmenities") || "1", 10);
+  const pageSizeAmenities = parseInt(
+    searchParams.get("pageSizeAmenities") || "10",
+    10,
+  );
+
+  const {
+    data: amenitiesData,
+    isLoading: amenitiesLoad,
+    isError: amenitiesError,
+    refetch: amenitiesRef,
+  } = useQuery({
+    queryKey: ["all_amenities", page, pageSize],
+    queryFn: () => getAllAmenities({ page, page_size: pageSize }),
+    select: (res) => res.data.data,
+  });
+
   if (
     isLoading ||
     tarifLoad ||
     transportLoad ||
     typeLoad ||
     featureLoad ||
-    featureTypeLoad
+    featureTypeLoad ||
+    amenitiesLoad
   ) {
     return (
       <div className="flex flex-col items-center justify-center min-h-screen bg-slate-900 text-white gap-4 w-full">
@@ -142,7 +162,8 @@ const ToursSetting: React.FC = () => {
     transportError ||
     typeError ||
     featureError ||
-    featureTypeError
+    featureTypeError ||
+    amenitiesError
   ) {
     return (
       <div className="flex flex-col items-center justify-center min-h-screen bg-slate-900 w-full text-center text-white gap-4">
@@ -158,6 +179,7 @@ const ToursSetting: React.FC = () => {
             typeRef();
             featureRef();
             featureTypeRef();
+            amenitiesRef();
           }}
           className="bg-gradient-to-r from-blue-600 to-cyan-600 text-white rounded-lg px-5 py-2 hover:opacity-90"
         >
@@ -187,7 +209,7 @@ const ToursSetting: React.FC = () => {
             <TabsTrigger value="badge">{t("Belgilar (Badge)")}</TabsTrigger>
             <TabsTrigger value="tarif">{t("Tariflar")}</TabsTrigger>
             <TabsTrigger value="transport">{t("Transport")}</TabsTrigger>
-            {/* <TabsTrigger value="meal">{t("Ovqatlanish")}</TabsTrigger> */}
+            <TabsTrigger value="meal">{t("Qulayliklar")}</TabsTrigger>
             <TabsTrigger value="hotel_type">{t("Otel turlari")}</TabsTrigger>
             <TabsTrigger value="hotel_features">
               {t("Otel sharoitlari")}
@@ -211,6 +233,13 @@ const ToursSetting: React.FC = () => {
               pageSize={pageSizeTransport}
             />
           </TabsContent>
+          <TabsContent value="meal" className="space-y-4">
+            <Amenities
+              data={amenitiesData}
+              page={pageAmenities}
+              pageSize={pageSizeAmenities}
+            />
+          </TabsContent>
           <TabsContent value="hotel_type" className="space-y-4">
             <MealTable
               data={typeData}