business page

src/pages/business/Business.tsx

@@ -1,9 +1,9 @@
 import GridWrapper from "@/components/GridWrapper";
+import CatalogueGridSkeleton from "@/pages/catalogue/components/CatalogueGridSkeleton";
+import CatalogueItem from "@/pages/catalogue/components/CatalogueItem";
 import { type FC } from "react";
 import { useParams } from "react-router-dom";
-import CatalogueGridSkeleton from "./components/CatalogueGridSkeleton";
+import { useGetBusinessCatalog } from "./hooks/useBusinessData";
-import CatalogueItem from "./components/CatalogueItem";
-import { useGetBusinessCatalog } from "./hooks/useCatalogueData";
 
 const Business: FC = () => {
   const { slug } = useParams<{ slug: string }>();

src/pages/business/hooks/useBusinessData.ts

@@ -0,0 +1,18 @@
+import { useQuery } from "@tanstack/react-query";
+import * as api from "../service/BusinessService";
+
+export const useGetBusinessCatalog = (slug: string) => {
+  return useQuery({
+    queryKey: ["businessCatalog", slug],
+    queryFn: () => api.getBusinessCatalog(slug),
+    enabled: !!slug,
+  });
+};
+
+export const useGetBusinessBySlug = (slug: string) => {
+  return useQuery({
+    queryKey: ["business", slug],
+    queryFn: () => api.getBusinessBySlug(slug),
+    enabled: !!slug,
+  });
+};

src/pages/business/service/BusinessService.ts

@@ -0,0 +1,14 @@
+import axios from "@/config/axios";
+import type { CatalogResponseType } from "@/pages/catalogue/types/Types";
+
+export const getBusinessCatalog = async (slug: string) => {
+  const { data } = await axios.get<CatalogResponseType>(
+    `/public/catalogue/business/slug/${slug}`,
+  );
+  return data;
+};
+
+export const getBusinessBySlug = async (slug: string) => {
+  const { data } = await axios.get(`/public/business/${slug}`);
+  return data;
+};

src/pages/catalogue/hooks/useCatalogueData.ts

@@ -127,19 +127,3 @@ export const usePurchaseInitate = () => {
     mutationFn: api.purchaseInitate,
   });
 };
-
-export const useGetBusinessCatalog = (slug: string) => {
-  return useQuery({
-    queryKey: ["businessCatalog", slug],
-    queryFn: () => api.getBusinessCatalog(slug),
-    enabled: !!slug,
-  });
-};
-
-export const useGetBusinessBySlug = (slug: string) => {
-  return useQuery({
-    queryKey: ["business", slug],
-    queryFn: () => api.getBusinessBySlug(slug),
-    enabled: !!slug,
-  });
-};

src/pages/catalogue/service/CatalogueService.ts

@@ -50,15 +50,3 @@ export const purchaseInitate = async (params: PurchaseInitiate) => {
   );
   return data;
 };
-
-export const getBusinessCatalog = async (slug: string) => {
-  const { data } = await axios.get<CatalogResponseType>(
-    `/public/catalogue/business/slug/${slug}`,
-  );
-  return data;
-};
-
-export const getBusinessBySlug = async (slug: string) => {
-  const { data } = await axios.get(`/public/business/${slug}`);
-  return data;
-};

src/router/MainRouter.tsx

@@ -1,6 +1,6 @@
 import { isBusinessCatalogPath, isViewerPath, Paths } from "@/config/Paths";
 import { clx } from "@/helpers/utils";
-import Business from "@/pages/catalogue/Business";
+import Business from "@/pages/business/Business";
 import CatalogueList from "@/pages/catalogue/List";
 import DesignerRequest from "@/pages/designer/Request";
 import Editor from "@/pages/editor/Editor";