refactor: ensure safe socket listener management in ButtonGroup and AdminPage components to prevent errors when socketManager is not available

src/components/header/ButtonGroup.js

@@ -60,17 +60,18 @@ class ButtonGroup extends Component {
   }
 
   addSocketListeners = () => {
+    // Remove existing listeners first to avoid duplicates
+    this.removeSocketListeners();
     
-      // Remove existing listeners first to avoid duplicates
+    if (window.socketManager) {
-      this.removeSocketListeners();
       window.socketManager.on('cartUpdated', this.handleCartUpdated);
-
+    }
   }
 
   removeSocketListeners = () => {
-
+    if (window.socketManager) {
       window.socketManager.off('cartUpdated', this.handleCartUpdated);
-
+    }
   }
 
   handleCartUpdated = (id,user,cart) => {

src/pages/AdminPage.js

@@ -142,14 +142,16 @@ class AdminPage extends React.Component {
   addSocketListeners = () => {
       // Remove existing listeners first to avoid duplicates
       this.removeSocketListeners();
-      window.socketManager.on('cartUpdated', this.handleCartUpdated);
       
+      if (window.socketManager) {
+        window.socketManager.on('cartUpdated', this.handleCartUpdated);
+      }
   }
 
   removeSocketListeners = () => {
-
+      if (window.socketManager) {
-      window.socketManager.off('cartUpdated', this.handleCartUpdated);
+        window.socketManager.off('cartUpdated', this.handleCartUpdated);
-
+      }
   }
 
   formatPrice = (price) => {

webpack.config.js

@@ -166,35 +166,25 @@ class InlineCssPlugin {
             // Skip preloading on product detail pages and other specific pages
             let imagePreloads = '';
             
-            // Extract current page path from the HTML to determine which images to preload
             // Get the output filename to determine page type
             const outputPath = data.outputName || '';
             
-            // Simple path-based detection
+            // Only preload on homepage - check if this is the main index.html
-            const isProductPage = outputPath.includes('Artikel/');
+            const isHomePage = outputPath === 'index.html';
-            const isSpecialPage = outputPath.includes('impressum') || 
-                                 outputPath.includes('datenschutz') || 
-                                 outputPath.includes('agb') || 
-                                 outputPath.includes('profile') ||
-                                 outputPath.includes('admin') || 
-                                 outputPath.includes('404') ||
-                                 outputPath.includes('widerrufsrecht') || 
-                                 outputPath.includes('batteriegesetzhinweise');
             
-            // Define critical images array - only preload these on pages that actually use them
+            // Define critical images array - only preload these on homepage
             const criticalImages = [
-              /*'/assets/images/filiale1.jpg',
+              '/assets/images/filiale1.jpg',
               '/assets/images/filiale2.jpg',
               '/assets/images/seeds.jpg',
               '/assets/images/cutlings.jpg',
               '/assets/images/presse.jpg',
-              '/assets/images/purpl.jpg'*/
+              '/assets/images/purpl.jpg'
             ];
             
-            // Only preload navigation images for main pages (home, categories, aktionen, filiale)
+            // Only preload navigation images for homepage
-            // NEVER preload on product pages
             let preloadCount = 0;
-            if (!isProductPage && !isSpecialPage) {
+            if (isHomePage) {
               // Add the as="image" attribute to ensure proper preloading
               criticalImages.forEach(imagePath => {
                 imagePreloads += `<link rel="preload" href="${imagePath}" as="image">\n`;
@@ -211,8 +201,8 @@ class InlineCssPlugin {
               console.log(`✅ Added font preloads: ${fontUrls.length} fonts`);
             }
             
-            // Log whether this is a product page and if images were preloaded
+            // Log whether images were preloaded
-            console.log(`Page type: ${isProductPage ? 'Product Page' : isSpecialPage ? 'Special Page' : 'Regular Page'} (${outputPath})`);
+            console.log(`Page: ${outputPath} - Is homepage: ${isHomePage}`);
             
             if (preloadCount > 0) {
               console.log(`✅ Added image preloads: ${preloadCount} critical images`);