29 lines
1.1 KiB
TypeScript
29 lines
1.1 KiB
TypeScript
const OrdersTab = ({ orders }:any) => {
|
||
return (
|
||
<div className="space-y-4">
|
||
{orders.map((order:any) => (
|
||
<div key={order.id} className="bg-white rounded-2xl border border-gray-100 shadow-sm">
|
||
<div className="p-6 flex items-center justify-between border-b border-gray-100">
|
||
<div>
|
||
<h3 className="text-lg font-bold text-gray-800">{order.id}</h3>
|
||
<p className="text-sm text-gray-500 mt-1">
|
||
ثبت سفارش: {order.regDate}
|
||
</p>
|
||
</div>
|
||
|
||
<span className={`px-3 py-1 rounded-full text-xs font-bold ${
|
||
order.statusColor === 'amber'
|
||
? 'bg-amber-100 text-amber-700'
|
||
: 'bg-green-100 text-green-700'
|
||
}`}>
|
||
{order.status}
|
||
</span>
|
||
</div>
|
||
</div>
|
||
))}
|
||
</div>
|
||
);
|
||
};
|
||
|
||
export default OrdersTab;
|