update glass + pattenr + ...

src/app/[name]/(Main)/hooks/useMenuData.ts

@@ -1,23 +1,56 @@
 import { useQuery } from "@tanstack/react-query";
 import * as api from "../service/MenuService";
 import { useParams } from "next/navigation";
+import { useEffect } from "react";
+import {
+  getPersistedCategoriesData,
+  getPersistedMenuData,
+  setPersistedCategoriesData,
+  setPersistedMenuData,
+} from "@/lib/helpers/themeCache";
 
 export const useGetProducts = () => {
   const { name } = useParams<{ name: string }>();
-  return useQuery({
-    queryKey: ["menu"],
-    queryFn: () => api.getProducts(name),
+  const query = useQuery({
+    queryKey: ["menu", name],
+    queryFn: async () => {
+      const data = await api.getProducts(name);
+      setPersistedMenuData(name, data);
+      return data;
+    },
     enabled: !!name,
+    placeholderData: () => (name ? getPersistedMenuData(name) : undefined),
   });
+
+  useEffect(() => {
+    if (name && query.data) {
+      setPersistedMenuData(name, query.data);
+    }
+  }, [name, query.data]);
+
+  return query;
 };
 
 export const useGetCategories = () => {
   const { name } = useParams<{ name: string }>();
-  return useQuery({
-    queryKey: ["categories"],
-    queryFn: () => api.getCategories(name),
+  const query = useQuery({
+    queryKey: ["categories", name],
+    queryFn: async () => {
+      const data = await api.getCategories(name);
+      setPersistedCategoriesData(name, data);
+      return data;
+    },
     enabled: !!name,
+    placeholderData: () => (name ? getPersistedCategoriesData(name) : undefined),
   });
+
+  useEffect(() => {
+    if (name && query.data) {
+      setPersistedCategoriesData(name, query.data);
+    }
+  }, [name, query.data]);
+
+  return query;
 };
 
 export const useGetNotificationsCount = () => {