30 lines
1.1 KiB
TypeScript
30 lines
1.1 KiB
TypeScript
import React from 'react';
|
|
|
|
const salesData = [
|
|
{ name: "Olivia Martin", email: "olivia.martin@email.com", amount: "+$1,999.00" },
|
|
{ name: "Jackson Lee", email: "jackson.lee@email.com", amount: "+$39.00" },
|
|
{ name: "Isabella Nguyen", email: "isabella.nguyen@email.com", amount: "+$299.00" },
|
|
{ name: "William Kim", email: "will@email.com", amount: "+$99.00" },
|
|
{ name: "Sofia Davis", email: "sofia.davis@email.com", amount: "+$39.00" },
|
|
];
|
|
|
|
export function RecentSales() {
|
|
return (
|
|
<div className="space-y-4">
|
|
{salesData.map((item, index) => (
|
|
<div key={index} className="flex items-center justify-between p-2 border-b">
|
|
<div className="flex items-center space-x-3">
|
|
<div className="w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center">
|
|
{item.name[0]}
|
|
</div>
|
|
<div>
|
|
<p className="font-medium">{item.name}</p>
|
|
<p className="text-sm text-gray-500">{item.email}</p>
|
|
</div>
|
|
</div>
|
|
<span className="font-medium">{item.amount}</span>
|
|
</div>
|
|
))}
|
|
</div>
|
|
);
|
|
}
|