لیست محتوا
-
-
-
- خوشآمدگویی
-
-
- معرفی کلی دیمیل
-
-
-
-
- خوشآمدگویی
-
-
- معرفی کلی دیمیل
-
-
+
+ {guides.length > 0 ? (
+ guides.map((guide) => (
+
handleGuideClick(guide.id)}
+ >
+
+ {guide.title}
+
+
+ {guide.description}
+
+
+ ))
+ ) : null}
)
diff --git a/src/Pages/Home/hooks/useHomeData.ts b/src/Pages/Home/hooks/useHomeData.ts
new file mode 100644
index 0000000..a68b5e0
--- /dev/null
+++ b/src/Pages/Home/hooks/useHomeData.ts
@@ -0,0 +1,10 @@
+import { useQuery } from "@tanstack/react-query";
+import { getHelp } from "../service/Service";
+
+export const useGetHelp = (id: string) => {
+ return useQuery({
+ queryKey: ["help", id],
+ queryFn: () => getHelp(id),
+ enabled: !!id,
+ });
+};
diff --git a/src/Pages/Home/service/Service.ts b/src/Pages/Home/service/Service.ts
new file mode 100644
index 0000000..603710e
--- /dev/null
+++ b/src/Pages/Home/service/Service.ts
@@ -0,0 +1,6 @@
+import axios from "../../../config/axios";
+
+export const getHelp = async (id: string) => {
+ const { data } = await axios.get(`/danak-services/${id}/guides`);
+ return data;
+};
diff --git a/src/config/axios.ts b/src/config/axios.ts
new file mode 100644
index 0000000..1c0a8da
--- /dev/null
+++ b/src/config/axios.ts
@@ -0,0 +1,18 @@
+import axios from "axios";
+
+const axiosInstance = axios.create({
+ baseURL: import.meta.env.VITE_API_BASE_URL,
+});
+
+axiosInstance.interceptors.response.use(
+ (response) => response,
+ (error) => {
+ return Promise.reject(error);
+ }
+);
+
+axiosInstance.interceptors.request.use(async function (config) {
+ return config;
+});
+
+export default axiosInstance;