From 9dbbbb8b31b311b219ecd63f9044e8af307e9274 Mon Sep 17 00:00:00 2001
From: DanielS <daniel.schumacher@caspos.de>
Date: Tue, 18 Aug 2026 16:43:17 +0200
Subject: [PATCH] fix(wizard): remove duplicate addToBasket invocation in
 summary sidebar

---
 shop/components/wizard/summary-sidebar.tsx | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

diff --git a/shop/components/wizard/summary-sidebar.tsx b/shop/components/wizard/summary-sidebar.tsx
index 8a846ae..420346a 100644
--- a/shop/components/wizard/summary-sidebar.tsx
+++ b/shop/components/wizard/summary-sidebar.tsx
@@ -236,10 +236,13 @@ export function SummarySidebar({
               </div>
             )}
             {!allCategoriesFilled && (
-              <p className="text-xs text-amber-400 flex items-center gap-1 bg-amber-500/10 p-2 rounded-lg border border-amber-500/20">
-                <AlertCircle className="w-3.5 h-3.5 shrink-0 text-amber-400" />
-                Bitte aus jeder Pflichtkategorie einen Artikel wählen.
-              </p>
+              <div className="text-xs text-red-400 flex items-start gap-2 bg-red-500/10 p-3 rounded-xl border border-red-500/40 animate-eye-catcher">
+                <AlertCircle className="w-4 h-4 shrink-0 text-red-400 mt-0.5" />
+                <div>
+                  <p className="font-extrabold uppercase tracking-wider text-[11px] text-red-300">Pflichtkategorie fehlt!</p>
+                  <p className="text-[11px] text-slate-300 leading-relaxed">Bitte wählen Sie aus allen rot markierten Pflichtkategorien einen Artikel aus.</p>
+                </div>
+              </div>
             )}
             {productValidationErrors.map((err, errIdx) => (
               <p key={errIdx} className="text-xs text-red-400 flex items-center gap-1 bg-red-500/10 p-2 rounded-lg border border-red-500/20">
@@ -277,12 +280,7 @@ export function SummarySidebar({
         <CardFooter className="flex flex-col gap-2 shrink-0 p-4 pt-2 border-t border-white/10 bg-slate-950/80">
           <Button
             className="w-full h-11 text-sm font-bold bg-gradient-to-r from-blue-600 via-sky-500 to-cyan-400 hover:opacity-90 shadow-[0_0_20px_rgba(56,189,248,0.3)] transition-all"
-            onClick={async () => {
-              if (hasActiveSelection || editingIdx !== null) {
-                await addToBasket()
-              }
-              nextStep()
-            }}
+            onClick={nextStep}
             disabled={isNextStepDisabled && basketItems.length === 0}
           >
             Weiter zu Schritt 4 <ChevronRight className="ml-1 w-4 h-4" />