commerce/app/account/component/OrderHistory.tsx
2023-11-15 12:36:17 +03:00

15 lines
470 B
TypeScript

import EmptyOrders from '@/components/EmptyOrder';
import Orders from '@/components/Orders';
import { Order } from '@/lib/shopify/types';
export default function OrderHistory({ orders }: { orders: Order[] }) {
return (
<div className="mt-6">
<div className="grid w-full gap-4 p-4 py-6 md:gap-8 md:p-8 lg:p-12">
<h2 className="font-bold text-lead">Order History</h2>
{orders?.length ? <Orders orders={orders} /> : <EmptyOrders />}
</div>
</div>
);
}