'use client'; import { Divider } from 'primereact/divider'; import { Ripple } from 'primereact/ripple'; import React from 'react'; function OrderHistory() { const orders = [ { orderNumber: '45123', orderDate: '7 February 2023', amount: '$123.00', products: [ { name: 'Product Name Placeholder A Little Bit Long One', color: 'White', size: 'Small', price: '$50', deliveryDate: 'Delivered on 7 February 2023', image: '/demo/images/ecommerce/order-history/orderhistory-1.png' }, { name: 'Product Name Placeholder A Little Bit Long One', color: 'White', size: 'Small', price: '$50', deliveryDate: 'Delivered on 7 February 2023', image: '/demo/images/ecommerce/order-history/orderhistory-2.png' }, { name: 'Product Name Placeholder A Little Bit Long One', color: 'White', size: 'Small', price: '$63', deliveryDate: 'Delivered on 7 February 2023', image: '/demo/images/ecommerce/order-history/orderhistory-3.png' } ] }, { orderNumber: '45126', orderDate: '9 February 2023', amount: '$250.00', products: [ { name: 'Product Name Placeholder A Little Bit Long One', color: 'White', size: 'Small', price: '$80', deliveryDate: 'Delivered on 9 February 2023', image: '/demo/images/ecommerce/order-history/orderhistory-4.png' }, { name: 'Product Name Placeholder A Little Bit Long One', color: 'White', size: 'Small', price: '$20', deliveryDate: 'Delivered on 9 February 2023', image: '/demo/images/ecommerce/order-history/orderhistory-5.png' }, { name: 'Product Name Placeholder A Little Bit Long One', color: 'White', size: 'Small', price: '$150', deliveryDate: 'Delivered on 9 February 2023', image: '/demo/images/ecommerce/order-history/orderhistory-6.png' } ] } ]; return (
My Orders Dignissim diam quis enim lobortis.
{orders.map((order, i) => { return (
Order Number {order.orderNumber}
Order Date {order.orderDate}
Total Amount {order.amount}
{order.products.map((product, i) => { return (
product
{product.name} {product.color} | {product.size} Buy Again | {product.price}
{product.deliveryDate}
{i !== order.products.length - 1 && }
); })}
Archive Order Return View Invoice Write a Review
); })}
); } export default OrderHistory;