diff --git a/shop/components/admin/recent-orders.tsx b/shop/components/admin/recent-orders.tsx index 205d368..3d43290 100644 --- a/shop/components/admin/recent-orders.tsx +++ b/shop/components/admin/recent-orders.tsx @@ -74,63 +74,62 @@ export function AdminRecentOrders() { return () => clearInterval(interval) }, []) - return ( -
-
- - Übersicht (letzte 6 Monate) - - - - -
+ return ( +
+
+ + Übersicht (letzte 6 Monate) + + + + +
-
-
-

Neue Bestellungen

- - Aktualisiert: {lastChecked.toLocaleTimeString('de-DE')} - -
-
- {orders.length === 0 ? ( -

Noch keine Bestellungen

- ) : ( - orders.slice(0, 5).map(order => { - const isNew = newOrderIds.has(order.id) - const customerName = - order.customer_data?.company_name || - `${order.customer_data?.first_name ?? ''} ${order.customer_data?.last_name ?? ''}`.trim() || - 'Unbekannt' - return ( - -
+
+

Neue Bestellungen

+ + Aktualisiert: {lastChecked.toLocaleTimeString('de-DE')} + +
+
+ {orders.length === 0 ? ( +

Noch keine Bestellungen

+ ) : ( + orders.slice(0, 3).map(order => { + const isNew = newOrderIds.has(order.id) + const customerName = + order.customer_data?.company_name || + `${order.customer_data?.first_name ?? ''} ${order.customer_data?.last_name ?? ''}`.trim() || + 'Unbekannt' + return ( + +
-
- {customerName.slice(0, 2).toUpperCase()} -
-
-

{customerName}

-

#{order.order_number}

-
-
-

- {new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(order.total_price)} -

- {statusLabel[order.status] ?? order.status} -
+ > +
+ {customerName.slice(0, 2).toUpperCase()}
- - ) - }) - )} -
+
+

{customerName}

+

#{order.order_number}

+
+
+

+ {new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(order.total_price)} +

+ {statusLabel[order.status] ?? order.status} +
+
+ + ) + }) + )}
- ) +
+ ) }