get products by filter connected

lib/filter-zustand.ts

@@ -1,33 +1,68 @@
 import { create } from "zustand";
+import { persist } from "zustand/middleware";
+import { immer } from "zustand/middleware/immer";
 
-interface FilterZustandTypes {
-  filter: string[];
-  removeFilter: (data: string) => void;
-  toggleFilter: (data: string) => void;
-  resetFilter: () => void;
-  hasFilter: (data: string) => boolean;
+export interface FilterItem {
+  id: number;
+  name: string;
+  type: string;
 }
 
-export const useFilter = create<FilterZustandTypes>((set, get) => ({
-  filter: [],
+interface FilterZustandTypes {
+  filter: FilterItem[];
+  removeFilter: (id: number) => void;
+  toggleFilter: (item: FilterItem) => void;
+  resetFilter: () => void;
+  hasFilter: (name: string) => boolean;
+  getFiltersByType: (type: string) => FilterItem[]; // ✅ Qo'shimcha
+  removeFiltersByType: (type: string) => void; // ✅ Qo'shimcha
+}
 
-  removeFilter: (data) =>
-    set((state) => ({
-      filter: state.filter.filter((item) => item !== data),
+export const useFilter = create<FilterZustandTypes>()(
+  persist(
+    immer((set, get) => ({
+      filter: [],
+
+      removeFilter: (id) =>
+        set((state) => {
+          state.filter = state.filter.filter((item:FilterItem) => item.id !== id);
+        }),
+
+      toggleFilter: (item) =>
+        set((state) => {
+          const index = state.filter.findIndex((f:FilterItem) => f.name === item.name);
+          if (index !== -1) {
+            // Agar bor bo'lsa o'chirish
+            state.filter.splice(index, 1);
+          } else {
+            // Agar yo'q bo'lsa qo'shish
+            state.filter.push(item);
+          }
+        }),
+
+      resetFilter: () =>
+        set((state) => {
+          state.filter = [];
+        }),
+
+      hasFilter: (name) => {
+        return get().filter.some((item) => item.name === name);
+      },
+
+      // ✅ Type bo'yicha filterlarni olish
+      getFiltersByType: (type) => {
+        return get().filter.filter((item) => item.type === type);
+      },
+
+      // ✅ Type bo'yicha filterlarni o'chirish
+      removeFiltersByType: (type) =>
+        set((state) => {
+          state.filter = state.filter.filter((item:FilterItem) => item.type !== type);
+        }),
     })),
-
-  // Toggle: mavjud bo'lsa o'chirish, yo'q bo'lsa qo'shish
-  toggleFilter: (data) =>
-    set((state) => {
-      if (state.filter.includes(data)) {
-        return { filter: state.filter.filter((item) => item !== data) };
-      }
-      return { filter: [...state.filter, data] };
-    }),
-
-  resetFilter: () => set({ filter: [] }),
-
-  hasFilter: (data) => {
-    return get().filter.includes(data);
-  },
-}));
+    {
+      name: "filter-storage", // localStorage key nomi
+      partialize: (state) => ({ filter: state.filter }), // Faqat filter'ni saqlash
+    }
+  )
+);