fix: only call the fetch template endpoint if there is a categoryId i… (

#917) Co-authored-by: clincu-plenty <cristian.lincu@plentysystems.com>
plentymarkets · Dec 19, 2024 · 43c0b81 · 43c0b81
1 parent 506200c
commit 43c0b81
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 5 deletions.
diff --git a/apps/web/composables/useHomepage/useHomepage.ts b/apps/web/composables/useHomepage/useHomepage.ts
@@ -15,13 +15,15 @@ export const useHomepage: UseHomepageDataReturn = () => {
 
   const { $i18n } = useNuxtApp();
   const runtimeConfig = useRuntimeConfig();
+  const { fetchCategoryTemplate } = useCategoryTemplate();
+  const { fetchHomepageTemplate } = useFetchHome();
 
   const currentLocale = ref($i18n.locale.value);
   const fetchPageTemplate = (): void => {
     state.value.loading = true;
     const homepageCategoryId = runtimeConfig.public.homepageCategoryId;
     if (typeof homepageCategoryId === 'number') {
-      const { fetchHomepageTemplate } = useFetchHome();
+      fetchCategoryTemplate(runtimeConfig.public.homepageCategoryId);
       state.value.data = fetchHomepageTemplate();
       if (
         (!state.value.data.blocks || state.value.data.blocks.length === 0) &&

diff --git a/apps/web/pages/index.vue b/apps/web/pages/index.vue
@@ -48,7 +48,6 @@ const {
 } = useBlockManager();
 
 const { data, fetchPageTemplate, dataIsEmpty } = useHomepage();
-const { fetchCategoryTemplate } = useCategoryTemplate();
 const { showNewsletter } = useNewsletter();
 const { $i18n } = useNuxtApp();
 
@@ -73,9 +72,6 @@ const getComponent = (name: string) => {
   if (name === 'UiMediaCard') return resolveComponent('UiMediaCard');
   if (name === 'ProductRecommendedProducts') return resolveComponent('ProductRecommendedProducts');
 };
-const runtimeConfig = useRuntimeConfig();
-
-await fetchCategoryTemplate(runtimeConfig.public.homepageCategoryId);
 
 fetchPageTemplate();
 </script>