5 files changed, 65 insertions, 0 deletions
diff --git a/src/lib/home/hooks/useCategoryHome.js b/src/lib/home/hooks/useCategoryHome.js
new file mode 100644
index 00000000..14ef2a0f
--- /dev/null
+++ b/src/lib/home/hooks/useCategoryHome.js
@@ -0,0 +1,13 @@
+import categoryHomeApi from "../api/categoryHomeApi"
+import { useQuery } from "react-query"
+
+const useCategoryHome = ({ id }) => {
+  const fetchCategoryHome = async () => await categoryHomeApi({ id })
+  const { isLoading, data } = useQuery(`categoryHome-${id}`, fetchCategoryHome) 
+  
+  return {
+    categoryHome: { data, isLoading }
+  }
+}
+
+export default useCategoryHome
+\ No newline at end of file
diff --git a/src/lib/home/hooks/useCategoryHomeId.js b/src/lib/home/hooks/useCategoryHomeId.js
new file mode 100644
index 00000000..bb61b655
--- /dev/null
+++ b/src/lib/home/hooks/useCategoryHomeId.js
@@ -0,0 +1,13 @@
+import categoryHomeIdApi from "../api/categoryHomeIdApi"
+import { useQuery } from "react-query"
+
+const useCategoryHomeId = () => {
+  const fetchCategoryHomeId = async () => await categoryHomeIdApi()
+  const { isLoading, data } = useQuery("categoryHomeId", fetchCategoryHomeId) 
+  
+  return {
+    categoryHomeIds: { data, isLoading }
+  }
+}
+
+export default useCategoryHomeId
+\ No newline at end of file
diff --git a/src/lib/home/hooks/useHeroBanner.js b/src/lib/home/hooks/useHeroBanner.js
new file mode 100644
index 00000000..a15dda60
--- /dev/null
+++ b/src/lib/home/hooks/useHeroBanner.js
@@ -0,0 +1,13 @@
+import heroBannerApi from "../api/heroBannerApi"
+import { useQuery } from "react-query"
+
+const useHeroBanner = () => {
+  const fetchHeroBanner = async () => await heroBannerApi()
+  const { isLoading, data } = useQuery("heroBanner", fetchHeroBanner) 
+  
+  return {
+    heroBanners: { data, isLoading }
+  }
+}
+
+export default useHeroBanner
+\ No newline at end of file
diff --git a/src/lib/home/hooks/usePopularProduct.js b/src/lib/home/hooks/usePopularProduct.js
new file mode 100644
index 00000000..f69c2f71
--- /dev/null
+++ b/src/lib/home/hooks/usePopularProduct.js
@@ -0,0 +1,13 @@
+import popularProductApi from "../api/popularProductApi"
+import { useQuery } from "react-query"
+
+const usePopularProduct = () => {
+  const fetchPopularProduct = async () => await popularProductApi()
+  const { data, isLoading } = useQuery('popularProduct', fetchPopularProduct)
+
+  return {
+    popularProducts: { data, isLoading }
+  }
+}
+
+export default usePopularProduct
+\ No newline at end of file
diff --git a/src/lib/home/hooks/usePreferredBrand.js b/src/lib/home/hooks/usePreferredBrand.js
new file mode 100644
index 00000000..4be9793e
--- /dev/null
+++ b/src/lib/home/hooks/usePreferredBrand.js
@@ -0,0 +1,13 @@
+import preferredBrandApi from "../api/preferredBrandApi"
+import { useQuery } from "react-query"
+
+const usePreferredBrand = () => {
+  const fetchPreferredBrand = async () => await preferredBrandApi()
+  const { data, isLoading } = useQuery('preferredBrand', fetchPreferredBrand)
+
+  return {
+    preferredBrands: { data, isLoading }
+  }
+}
+
+export default usePreferredBrand
+\ No newline at end of file