diff --git a/src/components/configurator/ExtrasSelector.js b/src/components/configurator/ExtrasSelector.js index e460e2f..f8986b1 100644 --- a/src/components/configurator/ExtrasSelector.js +++ b/src/components/configurator/ExtrasSelector.js @@ -3,7 +3,11 @@ import Grid from '@mui/material/Grid'; import CardMedia from '@mui/material/CardMedia'; import Typography from '@mui/material/Typography'; import Box from '@mui/material/Box'; +import Stack from '@mui/material/Stack'; import CircularProgress from '@mui/material/CircularProgress'; +import { Link } from 'react-router-dom'; +import IconButton from '@mui/material/IconButton'; +import ZoomInIcon from '@mui/icons-material/ZoomIn'; class ExtrasSelector extends Component { formatPrice(price) { @@ -149,6 +153,18 @@ class ExtrasSelector extends Component { ✓ Ausgewählt )} + + event.stopPropagation()} + > + + + ); diff --git a/src/components/configurator/ProductSelector.js b/src/components/configurator/ProductSelector.js index d1b0d2e..d8ee98f 100644 --- a/src/components/configurator/ProductSelector.js +++ b/src/components/configurator/ProductSelector.js @@ -6,6 +6,10 @@ import CardMedia from '@mui/material/CardMedia'; import Typography from '@mui/material/Typography'; import Box from '@mui/material/Box'; import Chip from '@mui/material/Chip'; +import Stack from '@mui/material/Stack'; +import { Link } from 'react-router-dom'; +import IconButton from '@mui/material/IconButton'; +import ZoomInIcon from '@mui/icons-material/ZoomIn'; class ProductSelector extends Component { formatPrice(price) { @@ -65,6 +69,19 @@ class ProductSelector extends Component { ✓ Ausgewählt )} + + + event.stopPropagation()} + > + + + diff --git a/src/pages/GrowTentKonfigurator.js b/src/pages/GrowTentKonfigurator.js index e1ec35e..7b34b13 100644 --- a/src/pages/GrowTentKonfigurator.js +++ b/src/pages/GrowTentKonfigurator.js @@ -13,10 +13,14 @@ import { Grid, CardMedia, CircularProgress, + Stack, } from '@mui/material'; import ShoppingCartIcon from '@mui/icons-material/ShoppingCart'; import { TentShapeSelector, ExtrasSelector } from '../components/configurator/index.js'; import { tentShapes } from '../data/configuratorData.js'; +import { Link } from 'react-router-dom'; +import IconButton from '@mui/material/IconButton'; +import ZoomInIcon from '@mui/icons-material/ZoomIn'; function setCachedCategoryData(categoryId, data) { if (!window.productCache) { @@ -800,6 +804,18 @@ class GrowTentKonfigurator extends Component { ✓ Ausgewählt )} + + event.stopPropagation()} + > + + + @@ -927,6 +943,18 @@ class GrowTentKonfigurator extends Component { ✓ Ausgewählt )} + + event.stopPropagation()} + > + + + @@ -1092,6 +1120,18 @@ class GrowTentKonfigurator extends Component { ✓ Ausgewählt )} + + event.stopPropagation()} + > + + +