diff --git a/shop/components/wizard/summary-sidebar.tsx b/shop/components/wizard/summary-sidebar.tsx index 1cb3351..e1671a6 100644 --- a/shop/components/wizard/summary-sidebar.tsx +++ b/shop/components/wizard/summary-sidebar.tsx @@ -259,55 +259,71 @@ export function SummarySidebar({ {/* Warenkorb List (Scrollable) */} {basketItems.length > 0 && (
-

Kassen ({basketItems.length}):

+
+ Kassen ({basketItems.length}): + Zum Bearbeiten anklicken +
- {basketItems.map((item, idx) => ( -
-
-
- {item.deviceName} - - {item.billingInterval === 'one_time' ? 'Kauf' : 'Abo'} - + {basketItems.map((item, idx) => { + const isEditing = idx === editingIdx + return ( +
editBasketItem(idx)} + className={`flex items-center justify-between p-2.5 rounded-xl border transition-all duration-200 text-left cursor-pointer group ${ + isEditing + ? 'border-primary bg-primary/15 text-white shadow-[0_0_12px_rgba(59,130,246,0.25)]' + : 'border-white/10 bg-slate-900/60 text-slate-300 hover:border-white/20 hover:bg-slate-900' + }`} + > +
+
+ {item.deviceName} + + {item.billingInterval === 'one_time' ? 'Kauf' : 'Abo'} + + {isEditing && ( + + Aktiv + + )} +
+ {item.licenseNumber && ( +

Lizenz: {item.licenseNumber}

+ )} +
+
+ +
- {item.licenseNumber && ( -

Lizenz: {item.licenseNumber}

- )}
-
- - -
-
- ))} + ) + })}
)}