Daniel/webshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix React key props in order and my-orders pages

Browse Source
This commit is contained in:
DanielS
2026-06-22 22:24:21 +02:00
parent f91499861e
commit 2403408b6c
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
shop/app/my-orders/page.tsx
View File

@@ -113,7 +113,7 @@ export default async function MyOrdersPage() {
<div className="flex flex-wrap gap-2"> <div className="flex flex-wrap gap-2">
{items.map((item, i) => ( {items.map((item, i) => (
<span <span
key={i} key={item.product_id}
className="text-xs bg-white/5 border border-white/10 rounded-full px-3 py-1 text-slate-300" className="text-xs bg-white/5 border border-white/10 rounded-full px-3 py-1 text-slate-300"
> >
{item.product_name} {item.product_name}

8
shop/app/order/success/page.tsx
View File

@@ -79,8 +79,8 @@ export default async function OrderSuccessPage({
<CardContent className="space-y-4"> <CardContent className="space-y-4">
{/* Produkte */} {/* Produkte */}
<div className="space-y-3"> <div className="space-y-3">
{items.map((item, i) => ( {items.map((item) => (
<div key={i} className="space-y-1"> <div key={item.product_id} className="space-y-1">
<div className="flex justify-between text-sm"> <div className="flex justify-between text-sm">
<span className="font-semibold text-white">{item.product_name}</span> <span className="font-semibold text-white">{item.product_name}</span>
<span className="text-white"> <span className="text-white">
@@ -90,8 +90,8 @@ export default async function OrderSuccessPage({
</span> </span>
</span> </span>
</div> </div>
{item.selected_modules.map((mod, j) => ( {item.selected_modules.map((mod) => (
<div key={j} className="flex justify-between text-xs pl-4 text-slate-400"> <div key={mod.module_id} className="flex justify-between text-xs pl-4 text-slate-400">
<span>+ {mod.module_name}</span> <span>+ {mod.module_name}</span>
<span>{new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(mod.price)}</span> <span>{new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(mod.price)}</span>
</div> </div>