trasnlsater

2025-07-16 09:45:11 +02:00
parent 08c04909e0
commit 3e3e676ded
21 changed files with 183 additions and 103 deletions
--- a/src/components/profile/DeliveryMethodSelector.js
+++ b/src/components/profile/DeliveryMethodSelector.js
@@ -3,8 +3,9 @@ import Box from '@mui/material/Box';
 import Typography from '@mui/material/Typography';
 import Radio from '@mui/material/Radio';
 import Checkbox from '@mui/material/Checkbox';
+import { withI18n } from '../../i18n/withTranslation.js';

-const DeliveryMethodSelector = ({ deliveryMethod, onChange, isPickupOnly, cartItems = [] }) => {
+const DeliveryMethodSelector = ({ deliveryMethod, onChange, isPickupOnly, cartItems = [], t }) => {
  // Calculate cart value for free shipping threshold
  const cartValue = cartItems.reduce((total, item) => total + item.price * item.quantity, 0);
  const isFreeShipping = cartValue >= 100;
@@ -14,30 +15,30 @@ const DeliveryMethodSelector = ({ deliveryMethod, onChange, isPickupOnly, cartIt
    {
      id: 'DHL',
      name: 'DHL',
-      description: isPickupOnly ? "nicht auswählbar weil ein oder mehrere Artikel nur abgeholt werden können" : 
-                   isFreeShipping ? 'Standardversand - KOSTENLOS ab 100€ Warenwert!' : 'Standardversand',
-      price: isFreeShipping ? 'kostenlos' : '6,99 €',
+      description: isPickupOnly ? (t ? t('delivery.descriptions.notAvailable') : "nicht auswählbar weil ein oder mehrere Artikel nur abgeholt werden können") : 
+                   isFreeShipping ? (t ? t('delivery.descriptions.standardFree') : 'Standardversand - KOSTENLOS ab 100€ Warenwert!') : (t ? t('delivery.descriptions.standard') : 'Standardversand'),
+      price: isFreeShipping ? (t ? t('delivery.prices.free') : 'kostenlos') : (t ? t('delivery.prices.dhl') : '6,99 €'),
      disabled: isPickupOnly
    },
    {
      id: 'DPD',
      name: 'DPD',
-      description: isPickupOnly ? "nicht auswählbar weil ein oder mehrere Artikel nur abgeholt werden können" : 
-                   isFreeShipping ? 'Standardversand - KOSTENLOS ab 100€ Warenwert!' : 'Standardversand',
-      price: isFreeShipping ? 'kostenlos' : '4,90 €',
+      description: isPickupOnly ? (t ? t('delivery.descriptions.notAvailable') : "nicht auswählbar weil ein oder mehrere Artikel nur abgeholt werden können") : 
+                   isFreeShipping ? (t ? t('delivery.descriptions.standardFree') : 'Standardversand - KOSTENLOS ab 100€ Warenwert!') : (t ? t('delivery.descriptions.standard') : 'Standardversand'),
+      price: isFreeShipping ? (t ? t('delivery.prices.free') : 'kostenlos') : (t ? t('delivery.prices.dpd') : '4,90 €'),
      disabled: isPickupOnly
    },
    {
      id: 'Sperrgut',
      name: 'Sperrgut',
-      description: 'Für große und schwere Artikel',
-      price: '28,99 €',
+      description: t ? t('delivery.descriptions.bulky') : 'Für große und schwere Artikel',
+      price: t ? t('delivery.prices.sperrgut') : '28,99 €',
      disabled: true,
      isCheckbox: true
    },
    {
      id: 'Abholung',
-      name: 'Abholung in der Filiale',
+      name: t ? t('delivery.methods.pickup') : 'Abholung in der Filiale',
      description: '',
      price: ''
    }
@@ -46,7 +47,7 @@ const DeliveryMethodSelector = ({ deliveryMethod, onChange, isPickupOnly, cartIt
  return (
    <>
      <Typography variant="h6" gutterBottom>
-        Versandart wählen
+        {t ? t('delivery.selector.title') : 'Versandart wählen'}
      </Typography>
      
      <Box sx={{ mb: 3 }}>
@@ -132,10 +133,10 @@ const DeliveryMethodSelector = ({ deliveryMethod, onChange, isPickupOnly, cartIt
            border: '1px solid #2196f3' 
          }}>
            <Typography variant="body2" color="primary" sx={{ fontWeight: 'medium' }}>
-              💡 Versandkostenfrei ab 100€ Warenwert!
+              {t ? t('delivery.selector.freeShippingInfo') : '💡 Versandkostenfrei ab 100€ Warenwert!'}
            </Typography>
            <Typography variant="body2" color="text.secondary">
-              Noch {remainingForFreeShipping.toFixed(2).replace('.', ',')}€ für kostenlosen Versand hinzufügen.
+              {t ? t('delivery.selector.remainingForFree', { amount: remainingForFreeShipping.toFixed(2).replace('.', ',') }) : `Noch ${remainingForFreeShipping.toFixed(2).replace('.', ',')}€ für kostenlosen Versand hinzufügen.`}
            </Typography>
          </Box>
        )}
@@ -149,10 +150,10 @@ const DeliveryMethodSelector = ({ deliveryMethod, onChange, isPickupOnly, cartIt
            border: '1px solid #2e7d32' 
          }}>
            <Typography variant="body2" color="success.main" sx={{ fontWeight: 'medium' }}>
-              🎉 Glückwunsch! Sie erhalten kostenlosen Versand!
+              {t ? t('delivery.selector.congratsFreeShipping') : '🎉 Glückwunsch! Sie erhalten kostenlosen Versand!'}
            </Typography>
            <Typography variant="body2" color="text.secondary">
-              Ihr Warenkorb von {cartValue.toFixed(2).replace('.', ',')}€ qualifiziert sich für kostenlosen Versand.
+              {t ? t('delivery.selector.cartQualifiesFree', { amount: cartValue.toFixed(2).replace('.', ',') }) : `Ihr Warenkorb von ${cartValue.toFixed(2).replace('.', ',')}€ qualifiziert sich für kostenlosen Versand.`}
            </Typography>
          </Box>
        )}
@@ -161,4 +162,4 @@ const DeliveryMethodSelector = ({ deliveryMethod, onChange, isPickupOnly, cartIt
  );
 };

-export default DeliveryMethodSelector; 
+export default withI18n()(DeliveryMethodSelector); 
--- a/src/components/profile/OrderDetailsDialog.js
+++ b/src/components/profile/OrderDetailsDialog.js
@@ -148,7 +148,7 @@ const OrderDetailsDialog = ({ open, onClose, order }) => {
              <TableRow>
                <TableCell colSpan={2} />
                <TableCell align="right">
-                  <Typography fontWeight="bold">Gesamtsumme</Typography>
+                  <Typography fontWeight="bold">{this.props.t ? this.props.t('cart.summary.total') : 'Gesamtsumme'}</Typography>
                </TableCell>
                <TableCell align="right">
                  <Typography fontWeight="bold">{currencyFormatter.format(total)}</Typography>
--- a/src/components/profile/OrderSummary.js
+++ b/src/components/profile/OrderSummary.js
@@ -44,20 +44,20 @@ const OrderSummary = ({ deliveryCost, cartItems = [] }) => {
  return (
    <Box sx={{ my: 3, p: 2, bgcolor: '#f5f5f5', borderRadius: 1 }}>
      <Typography variant="h6" gutterBottom>
-        Bestellübersicht
+        {t ? t('cart.summary.title') : 'Bestellübersicht'}
      </Typography>
      
      <Table size="small">
        <TableBody>
          <TableRow>
-            <TableCell>Waren (netto):</TableCell>
+            <TableCell>{t ? t('cart.summary.goodsNet') : 'Waren (netto):'}</TableCell>
            <TableCell align="right">
              {currencyFormatter.format(cartVatCalculations.totalNet)}
            </TableCell>
          </TableRow>
          {deliveryCost > 0 && (
            <TableRow>
-              <TableCell>Versandkosten (netto):</TableCell>
+              <TableCell>{t ? t('cart.summary.shippingNet') : 'Versandkosten (netto):'}</TableCell>
              <TableCell align="right">
                {currencyFormatter.format(shippingNetPrice)}
              </TableCell>
@@ -80,30 +80,30 @@ const OrderSummary = ({ deliveryCost, cartItems = [] }) => {
            </TableRow>
          )}
          <TableRow>
-            <TableCell sx={{ fontWeight: 'bold' }}>Gesamtsumme Waren:</TableCell>
+            <TableCell sx={{ fontWeight: 'bold' }}>{t ? t('cart.summary.totalGoods') : 'Gesamtsumme Waren:'}</TableCell>
            <TableCell align="right" sx={{ fontWeight: 'bold' }}>
              {currencyFormatter.format(cartVatCalculations.totalGross)}
            </TableCell>
          </TableRow>
          <TableRow>
            <TableCell sx={{ fontWeight: 'bold' }}>
-              Versandkosten:
+              {t ? t('cart.summary.shippingCosts') : 'Versandkosten:'}
              {deliveryCost === 0 && cartVatCalculations.totalGross < 100 && (
                <span style={{ color: '#2e7d32', fontSize: '0.8em', marginLeft: '4px' }}>
-                  (kostenlos ab 100€)
+                  {t ? t('cart.summary.freeFrom100') : '(kostenlos ab 100€)'}
                </span>
              )}
            </TableCell>
            <TableCell align="right" sx={{ fontWeight: 'bold' }}>
              {deliveryCost === 0 ? (
-                <span style={{ color: '#2e7d32' }}>kostenlos</span>
+                <span style={{ color: '#2e7d32' }}>{t ? t('cart.summary.free') : 'kostenlos'}</span>
              ) : (
                currencyFormatter.format(deliveryCost)
              )}
            </TableCell>
          </TableRow>
          <TableRow sx={{ borderTop: '1px solid #e0e0e0' }}>
-            <TableCell sx={{ fontWeight: 'bold', pt: 2 }}>Gesamtsumme:</TableCell>
+            <TableCell sx={{ fontWeight: 'bold', pt: 2 }}>{t ? t('cart.summary.total') : 'Gesamtsumme:'}</TableCell>
            <TableCell align="right" sx={{ fontWeight: 'bold', pt: 2 }}>
              {currencyFormatter.format(totalGross)}
            </TableCell>