feat(wizard): add order notes field and scroll container
This commit is contained in:
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user