From f20628f71c4cf63eb3953b1ca94410b7e53fa99c Mon Sep 17 00:00:00 2001
From: sebseb7 <sebgreenbus@gmail.com>
Date: Sun, 16 Nov 2025 08:19:08 +0100
Subject: [PATCH] feat(ProductDetailPage): add manufacturer button for search
 navigation

- Enhance the ProductDetailPage by introducing a button for the manufacturer that allows users to navigate to search results for that manufacturer.
- Improve user interaction with styling adjustments for the button, ensuring a seamless experience when accessing related products.
---
 src/components/ProductDetailPage.js | 26 +++++++++++++++++++++++++-
 1 file changed, 25 insertions(+), 1 deletion(-)

diff --git a/src/components/ProductDetailPage.js b/src/components/ProductDetailPage.js
index 32444b0..c302f48 100644
--- a/src/components/ProductDetailPage.js
+++ b/src/components/ProductDetailPage.js
@@ -992,7 +992,31 @@ class ProductDetailPage extends Component {
             {product.manufacturer && (
               <Box sx={{ display: "flex", alignItems: "center", mb: 2 }}>
                 <Typography variant="body2" sx={{ fontStyle: "italic" }}>
-                  {this.props.t ? this.props.t('product.manufacturer') : 'Hersteller'}: {product.manufacturer}
+                  {this.props.t ? this.props.t('product.manufacturer') : 'Hersteller'}:
+                  <Button
+                    variant="text"
+                    size="small"
+                    onClick={() => {
+                      if (this.props.navigate) {
+                        this.props.navigate(`/search?q=${encodeURIComponent(product.manufacturer)}`);
+                      }
+                    }}
+                    sx={{
+                      ml: 0.5,
+                      p: 0,
+                      minWidth: 'auto',
+                      height: 'auto',
+                      fontSize: 'inherit',
+                      fontStyle: 'inherit',
+                      textTransform: 'none',
+                      '&:hover': {
+                        backgroundColor: 'transparent',
+                        textDecoration: 'underline',
+                      }
+                    }}
+                  >
+                    {product.manufacturer}
+                  </Button>
                 </Typography>
               </Box>
             )}