skeleton for catalogues

2026-06-07 10:24:29 +03:30
parent d977c20744
commit 8014fe7ad3
3 changed files with 61 additions and 3 deletions
@@ -2,14 +2,21 @@ import GridWrapper from "@/components/GridWrapper";
 import { type FC } from "react";
 import { useParams } from "react-router-dom";
 import ButtonAddCatalogue from "./components/ButtonAddCatalogue";
+import CatalogueGridSkeleton from "./components/CatalogueGridSkeleton";
 import CatalogueItem from "./components/CatalogueItem";
 import { useGetBusinessCatalog } from "./hooks/useCatalogueData";

 const Business: FC = () => {
  const { slug } = useParams<{ slug: string }>();
  const { data, isPending, refetch } = useGetBusinessCatalog(slug ?? "");
-  //   const { data: businessData, isLoading: businessLoading } =
-  //     useGetBusinessBySlug(slug ?? "");
+
+  if (isPending) {
+    return (
+      <div className="w-full mt-5">
+        <CatalogueGridSkeleton />
+      </div>
+    );
+  }

  return (
    <div className="w-full mt-5">