From 95f303bc6853b801fc505eaa93be2e265106075a Mon Sep 17 00:00:00 2001
From: sebseb7 <sebgreenbus@gmail.com>
Date: Wed, 23 Jul 2025 10:22:19 +0200
Subject: [PATCH] refactor: enhance logging and cache checks in SharedCarousel
 and CategoryList components to improve data fetching clarity and performance

---
 src/components/SharedCarousel.js      | 2 ++
 src/components/header/CategoryList.js | 3 +++
 2 files changed, 5 insertions(+)

diff --git a/src/components/SharedCarousel.js b/src/components/SharedCarousel.js
index 2a6bc5c..a63ad84 100644
--- a/src/components/SharedCarousel.js
+++ b/src/components/SharedCarousel.js
@@ -85,12 +85,14 @@ const SharedCarousel = () => {
     
     // Use cache if available
     if (categoryTree) {
+      console.log('SharedCarousel: Using cached category tree');
       setRootCategories(processCategoryTree(categoryTree));
       return;
     }
     
     // Only fetch if needed
     if (rootCategories.length === 0 && typeof window !== "undefined") {
+      console.log('SharedCarousel: Cache not found, fetching from socket');
       window.socketManager.emit("categoryList", { categoryId: 209, language: currentLanguage, requestTranslation: true }, (response) => {
         if (response && response.success) {
           // Use translated data if available, otherwise fall back to original
diff --git a/src/components/header/CategoryList.js b/src/components/header/CategoryList.js
index fe9caa4..fc53e68 100644
--- a/src/components/header/CategoryList.js
+++ b/src/components/header/CategoryList.js
@@ -163,6 +163,7 @@ class CategoryList extends Component {
 
   fetchCategories = () => {
     if (this.state.fetchedCategories) {
+      console.log('Categories already fetched, skipping');
       return;
     }
 
@@ -179,12 +180,14 @@ class CategoryList extends Component {
     // USE THE CACHE directly - if it has data, use it
     const categoryTree = windowObj.productCache[cacheKey]?.categoryTree;
     if (categoryTree) {
+      console.log('CategoryList: Using cached category tree');
       this.processCategoryTree(categoryTree);
       this.setState({ fetchedCategories: true });
       return;
     }
     
     // No cache, so fetch
+    console.log('CategoryList: Cache not found, fetching from socket');
     windowObj.productCache[cacheKey] = { fetching: true, timestamp: Date.now() };
     this.setState({ fetchedCategories: true });
     window.socketManager.emit("categoryList", { categoryId: 209, language: currentLanguage, requestTranslation: true }, (response) => {