avatars fr cards
This commit is contained in:
parent
29d4007e04
commit
1501c0ca63
File diff suppressed because one or more lines are too long
@ -10,6 +10,8 @@ type User = {
|
||||
firstName: string;
|
||||
lastName: string;
|
||||
email: string;
|
||||
avatar?: { url: string }[];
|
||||
|
||||
};
|
||||
|
||||
export default function Users() {
|
||||
@ -45,8 +47,10 @@ export default function Users() {
|
||||
<p>Loading users...</p>
|
||||
) : (
|
||||
<div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4">
|
||||
|
||||
{users.map((user) => (
|
||||
<div key={user.id} className="bg-white shadow p-4 rounded-lg">
|
||||
<img src={user.avatar?.[0]?.url || '/favicon.svg'} alt={`${user.firstName} ${user.lastName}`} className="w-12 h-12 rounded-full mb-2 object-cover" />
|
||||
<p className="font-medium text-lg">{user.firstName} {user.lastName}</p>
|
||||
<p className="text-sm text-gray-500">{user.email}</p>
|
||||
</div>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user