feat(wizard): add order notes field and scroll container

This commit is contained in:
DanielS
2026-08-06 17:42:05 +02:00
parent b40f8018f7
commit 6a95896361
2 changed files with 52 additions and 27 deletions

View File

@@ -29,6 +29,8 @@ interface StepSummaryProps {
initialOrder: any
prevStep: () => void
linkedFeeProducts?: Product[]
orderNotes: string
setOrderNotes: (notes: string) => void
}
function CategoryIcon({ icon, className }: { icon?: string | null; className?: string }) {
@@ -58,6 +60,8 @@ export function StepSummary({
initialOrder,
prevStep,
linkedFeeProducts = [],
orderNotes,
setOrderNotes,
}: StepSummaryProps) {
return (
<Card className="glass-dark border-primary/30 max-w-2xl mx-auto shadow-primary/10 shadow-2xl">
@@ -263,6 +267,21 @@ export function StepSummary({
</div>
</div>
)}
{/* Anmerkungen / Notizfeld */}
<div className="space-y-2 border-t border-white/10 pt-4">
<label htmlFor="order-notes" className="block text-sm font-semibold text-white flex items-center gap-2">
<span>Anmerkungen / Hinweise zur Bestellung (optional)</span>
</label>
<textarea
id="order-notes"
rows={3}
value={orderNotes}
onChange={e => setOrderNotes(e.target.value)}
placeholder="Besondere Hinweise, Ansprechpartner oder Terminwünsche hier eintragen..."
className="w-full p-3 rounded-xl bg-slate-900/80 border border-slate-800 text-sm text-white placeholder-slate-500 focus:border-sky-400 focus:outline-none transition-colors duration-200 resize-none"
/>
</div>
<p className="text-xs text-slate-500 italic">
Mit dem Klick auf Kostenpflichtig bestellen" akzeptieren Sie unsere AGB und die{' '}
<a href="/datenschutz" target="_blank" rel="noopener noreferrer" className="underline hover:text-slate-400">