32 lines
1.1 KiB
TypeScript
32 lines
1.1 KiB
TypeScript
|
import React from 'react';
|
||
|
|
import { View, Text, StyleSheet } from 'react-native';
|
||
|
|
import { Avatar, ListItem } from 'react-native-elements';
|
||
|
|
|
||
|
|
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 (
|
||
|
|
<View>
|
||
|
|
{salesData.map((item, index) => (
|
||
|
|
<ListItem key={index} bottomDivider>
|
||
|
|
<Avatar
|
||
|
|
rounded
|
||
|
|
source={{ uri: `https://i.pravatar.cc/150?u=${item.email}` }}
|
||
|
|
/>
|
||
|
|
<ListItem.Content>
|
||
|
|
<ListItem.Title>{item.name}</ListItem.Title>
|
||
|
|
<ListItem.Subtitle>{item.email}</ListItem.Subtitle>
|
||
|
|
</ListItem.Content>
|
||
|
|
<Text>{item.amount}</Text>
|
||
|
|
</ListItem>
|
||
|
|
))}
|
||
|
|
</View>
|
||
|
|
);
|
||
|
|
}
|