feat: Add new virtual categories 'bald' and 'neu', update category handling in renderApp, and enhance translations across multiple locales

prerender.cjs

@@ -542,14 +542,23 @@ const renderApp = async (categoryData, socket) => {
     let categoryPagesRendered = 0;
     let categoriesWithProducts = 0;
 
-    const allCategoriesPlusNeu = [...allCategories, {
+    const allCategoriesWithVirtual = [
-      id: "neu",
+      ...allCategories,
-      name: "Neuheiten",
+      {
-      seoName: "neu",
+        id: "neu",
-      parentId: 209
+        name: "Neuheiten",
-    }];
+        seoName: "neu",
+        parentId: 209,
+      },
+      {
+        id: "bald",
+        name: "Demnächst",
+        seoName: "bald",
+        parentId: 209,
+      },
+    ];
 
-    for (const category of allCategoriesPlusNeu) {
+    for (const category of allCategoriesWithVirtual) {
       // Skip categories without seoName
       if (!category.seoName) {
         console.log(

prerender/data-fetching.cjs

@@ -42,7 +42,10 @@ const fetchCategoryProducts = (socket, categoryId) => {
       "getCategoryProducts",
       {
         full: true,
-        categoryId: categoryId === "neu" ? "neu" : parseInt(categoryId),
+        categoryId:
+          categoryId === "neu" || categoryId === "bald"
+            ? categoryId
+            : parseInt(categoryId),
         language: 'de',
         requestTranslation: false
       },

src/components/AddToCartButton.js

@@ -10,6 +10,7 @@ import AddIcon from "@mui/icons-material/Add";
 import RemoveIcon from "@mui/icons-material/Remove";
 import ShoppingCartIcon from "@mui/icons-material/ShoppingCart";
 import DeleteIcon from "@mui/icons-material/Delete";
+import NotificationsIcon from "@mui/icons-material/Notifications";
 import { withI18n } from "../i18n/withTranslation.js";
 
 if (!Array.isArray(window.cart)) window.cart = [];
@@ -144,11 +145,18 @@ class AddToCartButton extends Component {
             fullWidth
             variant="contained"
             size={size || "medium"}
+            startIcon={<NotificationsIcon />}
             sx={{
               borderRadius: 2,
               fontWeight: "bold",
               backgroundColor: "#ffeb3b",
               color: "#000000",
+              whiteSpace: "nowrap",
+              flexWrap: "nowrap",
+              "& .MuiButton-label": {
+                whiteSpace: "nowrap",
+                flexWrap: "nowrap",
+              },
               "&:hover": {
                 backgroundColor: "#fdd835",
               },

src/components/Content.js

@@ -341,6 +341,9 @@ class Content extends Component {
 
 
   fetchCategoryData(categoryId) {
+    if (categoryId === 'bald') {
+      sessionStorage.setItem('filter_availability', '1');
+    }
     const currentLanguage = this.props.languageContext?.currentLanguage || this.props.i18n?.language || 'de';
     const cachedData = getCachedCategoryData(categoryId, currentLanguage);
     if (cachedData) {
@@ -431,6 +434,18 @@ class Content extends Component {
       } catch (err) {
         console.error('Error finding category name in tree:', err);
       }
+
+      if (!enhancedResponse.categoryName && !enhancedResponse.name) {
+        if (categoryId === 'neu') {
+          enhancedResponse.categoryName = this.props.t
+            ? this.props.t('navigation.new')
+            : 'Neuheiten';
+        } else if (categoryId === 'bald') {
+          enhancedResponse.categoryName = this.props.t
+            ? this.props.t('navigation.soon')
+            : 'Demnächst';
+        }
+      }
     }
 
     this.processData(enhancedResponse);

src/components/header/CategoryList.js

@@ -7,6 +7,7 @@ import Collapse from "@mui/material/Collapse";
 import { Link } from "react-router-dom";
 import HomeIcon from "@mui/icons-material/Home";
 import FiberNewIcon from '@mui/icons-material/FiberNew';
+import LocalShippingIcon from "@mui/icons-material/LocalShipping";
 import SettingsIcon from "@mui/icons-material/Settings";
 import MenuIcon from "@mui/icons-material/Menu";
 import CloseIcon from "@mui/icons-material/Close";
@@ -309,6 +310,62 @@ class CategoryList extends Component {
           )}
         </Button>
 
+        <Button
+          component={Link}
+          to="/Kategorie/bald"
+          color="inherit"
+          size="small"
+          aria-label={this.props.t ? this.props.t('navigation.soon') : 'Demnächst'}
+          onClick={isMobile ? this.handleMobileCategoryClick : undefined}
+          sx={{
+            fontSize: "0.75rem",
+            textTransform: "none",
+            whiteSpace: "nowrap",
+            opacity: 0.9,
+            mx: isMobile ? 0 : 0.5,
+            my: 0.25,
+            minWidth: isMobile ? "100%" : "auto",
+            borderRadius: 1,
+            justifyContent: isMobile ? "flex-start" : "center",
+            transition: "all 0.2s ease",
+            textShadow: "0 1px 2px rgba(0,0,0,0.3)",
+            position: "relative"
+          }}
+        >
+          <LocalShippingIcon sx={{
+            fontSize: "1rem",
+            mr: isMobile ? 1 : 0
+          }} />
+          {isMobile && (
+            <Box sx={{ position: "relative", display: "inline-block" }}>
+              <Box
+                className="bold-text"
+                sx={{
+                  fontWeight: "bold",
+                  color: "transparent",
+                  position: "relative",
+                  zIndex: 2,
+                }}
+              >
+                {this.props.t ? this.props.t('navigation.soon') : 'Demnächst'}
+              </Box>
+              <Box
+                className="thin-text"
+                sx={{
+                  fontWeight: "400",
+                  color: "inherit",
+                  position: "absolute",
+                  top: 0,
+                  left: 0,
+                  zIndex: 1,
+                }}
+              >
+                {this.props.t ? this.props.t('navigation.soon') : 'Demnächst'}
+              </Box>
+            </Box>
+          )}
+        </Button>
+
 
         {categories.length > 0 ? (
           <>

src/i18n/locales/ar/navigation.js

@@ -1,4 +1,6 @@
 export default {
+  "new": "جديد",
+  "soon": "قريباً",
   "home": "الرئيسية",
   "aktionen": "العروض",
   "filiale": "الفرع",

src/i18n/locales/bg/navigation.js

@@ -1,4 +1,6 @@
 export default {
+  "new": "Нови",
+  "soon": "Очаквайте скоро",
   "home": "Начало",
   "aktionen": "Промоции",
   "filiale": "Клон",

src/i18n/locales/cs/navigation.js

@@ -1,4 +1,6 @@
 export default {
+  "new": "Novinky",
+  "soon": "Již brzy",
   "home": "Domů",
   "aktionen": "Akce",
   "filiale": "Pobočka",

src/i18n/locales/de/navigation.js

@@ -1,5 +1,7 @@
 export default {
   "home": "Startseite",
+  "new": "Neuheiten",
+  "soon": "Demnächst",
   "aktionen": "Aktionen",
   "filiale": "Filiale",
   "categories": "Kategorien",

src/i18n/locales/el/navigation.js

@@ -1,4 +1,6 @@
 export default {
+  "new": "Νέα",
+  "soon": "Σύντομα",
   "home": "Αρχική",
   "aktionen": "Προσφορές",
   "filiale": "Κατάστημα",

src/i18n/locales/en/navigation.js

@@ -1,5 +1,7 @@
 export default {
   "home": "Home", // Startseite
+  "new": "New arrivals", // Neuheiten
+  "soon": "Coming soon", // Demnächst
   "aktionen": "Promotions", // Aktionen
   "filiale": "Branch", // Filiale
   "categories": "Categories", // Kategorien

src/i18n/locales/es/navigation.js

@@ -1,4 +1,6 @@
 export default {
+  "new": "Novedades",
+  "soon": "Próximamente",
   "home": "Inicio",
   "aktionen": "Promociones",
   "filiale": "Sucursal",

src/i18n/locales/fr/navigation.js

@@ -1,4 +1,6 @@
 export default {
+  "new": "Nouveautés",
+  "soon": "Bientôt",
   "home": "Accueil",
   "aktionen": "Promotions",
   "filiale": "Agence",

src/i18n/locales/hr/navigation.js

@@ -1,4 +1,6 @@
 export default {
+  "new": "Novi",
+  "soon": "Uskoro",
   "home": "Početna",
   "aktionen": "Promocije",
   "filiale": "Podružnica",

src/i18n/locales/hu/navigation.js

@@ -1,4 +1,6 @@
 export default {
+  "new": "Újdonságok",
+  "soon": "Hamarosan",
   "home": "Kezdőlap",
   "aktionen": "Akciók",
   "filiale": "Fiók",

src/i18n/locales/it/navigation.js

@@ -1,4 +1,6 @@
 export default {
+  "new": "Novità",
+  "soon": "In arrivo",
   "home": "Home",
   "aktionen": "Promozioni",
   "filiale": "Filiale",

src/i18n/locales/pl/navigation.js

@@ -1,4 +1,6 @@
 export default {
+  "new": "Nowości",
+  "soon": "Wkrótce",
   "home": "Strona główna",
   "aktionen": "Promocje",
   "filiale": "Oddział",

src/i18n/locales/ro/navigation.js

@@ -1,4 +1,6 @@
 export default {
+  "new": "Noutăți",
+  "soon": "În curând",
   "home": "Acasă",
   "aktionen": "Promoții",
   "filiale": "Sucursală",

src/i18n/locales/ru/navigation.js

@@ -1,4 +1,6 @@
 export default {
+  "new": "Новинки",
+  "soon": "Скоро",
   "home": "Главная",
   "aktionen": "Акции",
   "filiale": "Филиал",

src/i18n/locales/sk/navigation.js

@@ -1,4 +1,6 @@
 export default {
+  "new": "Novinky",
+  "soon": "Čoskoro",
   "home": "Domov",
   "aktionen": "Akcie",
   "filiale": "Pobočka",

src/i18n/locales/sl/navigation.js

@@ -1,4 +1,6 @@
 export default {
+  "new": "Novosti",
+  "soon": "Kmalu",
   "home": "Domov",
   "aktionen": "Promocije",
   "filiale": "Poslovalnica",

src/i18n/locales/sq/navigation.js

@@ -1,4 +1,6 @@
 export default {
+  "new": "Të reja",
+  "soon": "Së shpejti",
   "home": "Kreu",
   "aktionen": "Promocione",
   "filiale": "Degë",

src/i18n/locales/sr/navigation.js

@@ -1,4 +1,6 @@
 export default {
+  "new": "Нови",
+  "soon": "Ускоро",
   "home": "Početna",
   "aktionen": "Promocije",
   "filiale": "Filijala",

src/i18n/locales/sv/navigation.js

@@ -1,4 +1,6 @@
 export default {
+  "new": "Nyheter",
+  "soon": "Snart",
   "home": "Hem",
   "aktionen": "Kampanjer",
   "filiale": "Filial",

src/i18n/locales/tr/navigation.js

@@ -1,4 +1,6 @@
 export default {
+  "new": "Yeniler",
+  "soon": "Yakında",
   "home": "Ana Sayfa",
   "aktionen": "Promosyonlar",
   "filiale": "Şube",

src/i18n/locales/uk/navigation.js

@@ -1,4 +1,6 @@
 export default {
+  "new": "Новинки",
+  "soon": "Незабаром",
   "home": "Головна",
   "aktionen": "Акції",
   "filiale": "Філія",

src/i18n/locales/zh/navigation.js

@@ -1,4 +1,6 @@
 export default {
+  "new": "新品",
+  "soon": "即将上架",
   "home": "首页",
   "aktionen": "促销活动",
   "filiale": "分店",